各种商城活动或者抽奖等活动页面中,我们总能看到倒计时。那么这种还剩多少时间的效果是怎么实现呢,让我们一起来写一个试试。
实现代码:
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 活动已结束
网友评论