一年一度的双十二如期而至,今天的你买买买了吗,下面小编给大家分享一个动态秒杀倒计时功能。
效果图,
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> & lt;/title>
& lt;/head>
& lt; body>
& lt; div id=" noStart "祝辞活动未开始& lt;/div>
& lt; div类=" div1 " id=" startNow祝辞开始购买& lt;/div>
& lt; div类=" div2 " id=" stopNow祝辞活动结束& lt;/div>
& lt; div>
& lt;跨类="内容"祝辞& lt;/span>
& lt;跨类=" botHours "祝辞& lt;/span>时
& lt;跨类=" botMIn "祝辞& lt;/span>分
& lt;跨类=" botSecond "祝辞& lt;/span>秒
& lt;/div>
& lt;/body>
& lt;/html>
& lt;脚本src=" https://www.yisu.com/zixun/js/jquery.min.js "祝辞& lt;/script>
& lt; script>
$(函数(){
fn ()
函数fn () {
var计时器=setInterval(函数(){
var开始=' 2019/03/13就是';
var开始时间=new日期(开始);
var NowTime=new日期();
var天=NowTime.getDate ();
var月=NowTime.getMonth () + 1;
var年=NowTime.getFullYear ();
var tw=年+ + '/' + '/' +月天+“09:00:00”;
var ei=年+ + '/' + '/' +月天+“10:00:00”;
var tw1=年+ + '/' + '/' +月天+“14:00:00”;
var ei1=年+ + '/' + '/' +月天+“15:00:00”;
tw=new日期(tw) .getTime ();
ei=new日期(ei) .getTime ();
tw1=new日期(tw1) .getTime ();
ei1=new日期(ei1) .getTime ();
var EndTime=";
如果(NowTime & lt;开始时间){
EndTime=开始时间;
$ (" # stopNow”)。css(“显示”,“没有一个”);
$ (" # startNow”)。css(“显示”,“没有一个”);
$ (" # noStart”)。css(“显示”、“块”);
$ (" .content ") . html(“距离活动开始”)
其他}{
如果(NowTime & lt;tw) {
EndTime=tw;
$ (" # stopNow”)。css(“显示”,“没有一个”);
$ (" # startNow”)。css(“显示”,“没有一个”);
$ (" # noStart”)。css(“显示”、“块”);
$ (" .content ") . html(“距离活动开始剩余”)
}else if (NowTime祝辞=tw,,NowTime & lt;ei) {
EndTime=ei;
$ (" # stopNow”)。css(“显示”,“没有一个”);
$ (" # startNow”)。css(“显示”、“块”);
$ (" # noStart”)。css(“显示”,“没有一个”);
$ (" .content ") . html(“距离活动结束剩余”)
}else if (NowTime & lt;tw1) {
EndTime=tw1;
$ (" # stopNow”)。css(“显示”,“没有一个”);
$ (" # startNow”)。css(“显示”,“没有一个”);
$ (" # noStart”)。css(“显示”、“块”);
$ (" .content ") . html(“距离活动开始剩余”)
}else if (NowTime祝辞=tw1,,NowTime & lt;ei1) {
EndTime=ei1;
$ (" # stopNow”)。css(“显示”,“没有一个”);
$ (" # startNow”)。css(“显示”、“块”);
$ (" # noStart”)。css(“显示”,“没有一个”);
$ (" .content ") . html(“距离活动结束剩余”)
}else if (NowTime祝辞=ei1) {
EndTime=tw + 24 * 60 * 60 * 1000;
$ (" # stopNow”)。css(“显示”、“块”);
$ (" # startNow”)。css(“显示”,“没有一个”);
$ (" # noStart”)。css(“显示”,“没有一个”);
$ (" .content ") . html(“距离活动开始剩余”)
}
}
console.log (EndTime)
var t=EndTime - NowTime;
如果(t & lt;1000){
window.location.reload ();
clearInterval(计时器);
计时器=零;
返回错误;
}
var d=0;
var h=0;
var m=0;
var s=0;
如果(在t=0) {
d=数学。地板(t/1000/3600/24);
h=数学。地板(24)(t/1000/3600) %;
m=数学。地板(60 (t/1000/60) %);
s=数学。地板(60 t/1000%);
如果(d & lt;10){
d=" 0 " + d;
}
如果(h & lt;10){
h=" 0 " + h;
}
如果(m & lt;10){
m=" 0 " + m;
}
如果(s & lt;10){=" 0 " +年代;
}
$ (' .botHours ') . html (h);
$ (' .botMIn ') . html (m);
$ (' .botSecond ') . html(年代);
}
},1000)
}
});
& lt;/script>
以上所述是小编给大家介绍的JS实现商城秒杀倒计时功能(动态设置秒杀时间),希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
