js date对象的简单应用 —— 倒计时功能

最新推荐文章于 2021-12-03 15:01:18 发布

吸猫患者

最新推荐文章于 2021-12-03 15:01:18 发布

阅读量262

点赞数 1

分类专栏： JavaScript基础文章标签： javascript html css

本文链接：https://blog.csdn.net/weixin_44781484/article/details/104611724

版权

JavaScript基础专栏收录该内容

12 篇文章 0 订阅

订阅专栏

做移动端落地页时接到的一个小需求如下图所示：

倒计时

那么直接上代码吧~

	//倒计时
    var timer;
    timer = setInterval(djs, 1000);
    function djs() {
        var jt = new Date(2020, 2, 3, 0, 0, 0).getTime();  // 目标时间的时间戳
        var t = new Date().getTime();  					   // 现在时间的时间戳
        var sj = jt - t;								   // 相减后就可以得出时间差，然后换算成需要的具体值
        var tian = Math.floor(sj / 1000 / 60 / 60 / 24);
        var shi = Math.floor(sj / 1000 / 60 / 60 % 24);
        var fen = Math.floor(sj / 1000 / 60 % 60);
        var miao = Math.floor(sj / 1000 % 60);
        if (tian < 0) {
            tian = '00';
            shi = '00';
            fen = '00';
            miao = '00';
            clearInterval(timer);
        }
        $('.day').html(to2num(tian));
        $('.hour').html(to2num(shi));
        $('.minute').html(to2num(fen));
        $('.second').html(to2num(miao));
    }
    djs();