JQ时间倒计时

最新推荐文章于 2023-08-15 14:32:00 发布

tl110110tl

最新推荐文章于 2023-08-15 14:32:00 发布

阅读量1.2k

点赞数

分类专栏： Html-JS-JQ 文章标签： javascript function 面试

本文链接：https://blog.csdn.net/tl110110tl/article/details/23393459

版权

Html-JS-JQ 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

前阵子面试，一家公司让用JQ写一个时间倒计时，算距离今年结束还剩下多长时间，我表示蛋蛋很忧伤。

4月8号微软停止更新，上百度头条新闻就是这个，而且他们还特意做了一个倒计时，因为那蛋蛋的忧伤，我毫不犹豫的审查了一下元素

找到了一个最关键的方法

var d1 = new Date().getTime();

经研究表明getTime()是获取当前时间距离1970-01-01得出的毫秒

而且这个方法有参数

var d2 = new Date().getTime(2014,12,31);

得出了2014-12-31到1970-01-01的毫秒数

具体实现主代码如下

当然要先引入JQuery文件，这个不要忘记！

当然也可以不引入JQuery文件，只是代码中的

$("#miao").html(countdown.miao);

等，换成

document.getElementById("miao").innerHtml=countdown.miao;

等，即可

   <script type="text/javascript">
        var countdown = {
            tian: 0,
            shi:0,
            fen:0,
            miao:0
        };
        var d1;
        var d2;
        var difference;
        $(function () {
            setInterval(takeCount,1000);
        })
         function takeCount() {
            d1 = new Date().getTime();
            d2 = new Date(2014, 12, 31).getTime();
            difference = (d2 - d1) / 1000; //从今天开始算起到今年结束的秒
            countdown.tian = Math.floor(difference / (60 * 60 * 24));
            difference -= (countdown.tian * (60 * 60 * 24));
            countdown.shi = Math.floor(difference / (60 * 60));
            difference -= (countdown.shi * (60 * 60));
            countdown.fen = Math.floor(difference / 60);
            difference -= (countdown.fen * 60);
            countdown.miao = Math.floor(difference);
            $("#tian").html(countdown.tian);
            $("#shi").html(countdown.shi);
            $("#fen").html(countdown.fen);
            $("#miao").html(countdown.miao);
        }
    </script>
<body>距离今年结束还有<span id="tian"></span>天<span id="shi"></span>小时<span id="fen"></span>分钟<span id="miao"></span>秒<body>