js抢购活动倒计时

各种商城活动或者抽奖等活动页面中,我们总能看到倒计时。那么这种还剩多少时间的效果是怎么实现呢,让我们一起来写一个试试。

实现代码:

var datetimer = setInterval(function(){

var haveTime = parseInt((new Date("2018-01-31 17:11:00").getTime() - (+new Date()))/1000);

var day = parseInt(haveTime/3600/24);

var h = parseInt((haveTime/3600)%24);

var m = parseInt((haveTime/60)%60);

var s = parseInt(haveTime%60);

if(haveTime<=0){

console.log("活动已结束");

clearInterval(datetimer);

}else{

console.log("剩余:"+day+"天"+h+"时"+m+"分"+s+"秒");

}

},1000);

VM796:12 剩余:0天0时0分8秒

VM796:12 剩余:0天0时0分7秒

VM796:12 剩余:0天0时0分6秒

VM796:12 剩余:0天0时0分5秒

VM796:12 剩余:0天0时0分4秒

VM796:12 剩余:0天0时0分3秒

VM796:12 剩余:0天0时0分2秒

VM796:12 剩余:0天0时0分1秒

VM796:9 活动已结束

你可能感兴趣的:(js抢购活动倒计时)