js之：倒计时 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
</head>
<body>
    <div id="time"></div>
    <script type="text/javascript">
        var endTime = new Date('2018/07/27, 12:30:10').getTime() //假设为结束日期
        var countdown = function(e, t, i) {
                var a = "function" == typeof t,
                    r = new Date(e).getTime(),
                    n = new Date(!t || a ? (new Date).getTime() : t).getTime(),
                    l = r - n,
                    c = [Math.floor(l / 864e5), Math.floor(l / 36e5) % 24, Math.floor(l / 6e4) % 60, Math.floor(l / 1e3) % 60];
                a && (i = t);
                var g = setTimeout(function() {
                    countdown(e, n + 1e3, i)
                }, 1e3);
                return i && i(l > 0 ? c : [0, 0, 0, 0], t, g), l <= 0 && clearTimeout(g), g
            }

            countdown(endTime,function(a,b,c){
                var str = a[0] + '天' + a[1] + '时' +  a[2] + '分' + a[3] + '秒';
                   time.innerHTML='距离2018年7月17日还有：'+ str;
            })
    </script>
</body>
</html>

 

posted @ 2018-07-27 12:26  二月花开  阅读(115)  评论(0)    收藏  举报