美文网首页Web 前端开发 让前端飞
一个简单的倒计时小例子

一个简单的倒计时小例子

作者: Brighten_Sun | 来源:发表于2017-03-10 09:15 被阅读0次

    倒计时在秒杀或抢购活动中尤为常用,那今天我就带大家写一种最简单的倒计时。

    首先写一个当时间为个位数的时候可以用0进行补位的函数toDub.
    function toDub(n){
        return n<10?'0'+n:''+n;
    }
    
    function auto(){
        var oDate=new Date(); 
        oDate.setFullYear(2017,11,1)
        设置一个你的目标年月日,记住月份是从0开始的哦.
        oDate.setHours(0,0,0,0)
        设置一个你的目标时分秒毫秒.
        oDate.getTime();
        获取你设置的时间
        var nowDate=new Date();
        nowDate.getTime();
        获取当前的时间
        var s=Math.floor((oDate.getTime()-nowDate.getTime())/1000);
        获取设置时间和当前时间的时间戳.
        var date=Math.floor(s/86400);
        s=s%86400;
        var h=Math.floor(s/3600);
        s=s%3600;
        var m=Math.floor(s/60);
        s=s%60;
    
        console.log(toDub(date)+'天'+toDub(h)+'小时'+toDub(m)+'分钟'+toDub(s)+'秒')
    }
    auto();
    setInterval(auto,1000)
    因为需要一直重复auto函数,所以我们用定时器,每一秒执行一次.

    相关文章

      网友评论

        本文标题:一个简单的倒计时小例子

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