JQ时间倒计时

来源：互联网发布：http默认端口号为编辑：程序博客网时间：2024/05/22 17:26

前阵子面试，一家公司让用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>

0 0