美文网首页
js抢购活动倒计时

js抢购活动倒计时

作者: zhanggongzi | 来源:发表于2018-09-01 21:13 被阅读0次

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

    实现代码:

    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抢购活动倒计时

          本文链接:https://www.haomeiwen.com/subject/upauwftx.html