JavaScriptWeb前端之路Web 前端开发

JS倒计时

2017-06-27  本文已影响26人  sky丶星如雨
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <div id="wrap"></div>

        <script type="text/javascript">
            //获取元素
            var oWrap = document.getElementById("wrap");
            // 定义固定日期
            var date1 = new Date(2017, 7, 20);

            //设置定时器
            setInterval(function() {
                // 定义当前时间对象
                var now = new Date();
                // 计算两个日期之间的时间差(毫秒数)
                var diff = date1.getTime() - now.getTime();

                var days = parseInt(diff / 86400000);

                var hours = parseInt((diff % 86400000) / 3600000);

                var min = parseInt(((diff % 86400000) % 3600000) / 60000);

                var sec = parseInt((((diff % 86400000) % 3600000) % 60000) / 1000);

                oWrap.innerHTML = "到计时:" + days + "天" + hours + "小时" + min + "分" + sec + "秒";
            }, 1000);
        </script>

    </body>

</html>
上一篇 下一篇

猜你喜欢

热点阅读