JS倒计时两种种实现方式很不错

最近做浏览器界面倒计时，用js就实现，两种方式：

一：设置时长，进行倒计时。比如考试时间等等

代码如下：

<html>

<head>

<meta charset="UTF-8">

<title>简单时长倒计时</title>

<SCRIPT type="text/javascript">

            var maxtime =  * ; //一个小时，按秒计算，自己调整!

            function CountDown() {

                if (maxtime >= ) {

                    minutes = Math.floor(maxtime / );

                    seconds = Math.floor(maxtime % );

                    msg = "距离结束还有" + minutes + "分" + seconds + "秒";

                    document.all["timer"].innerHTML = msg;

                    if (maxtime ==  * )alert("还剩5分钟");

                        --maxtime;

                } else{

                    clearInterval(timer);

                    alert("时间到，结束!");

                }

            }

            timer = setInterval("CountDown()", );

        </SCRIPT>

</head>

<body>

<div id="timer" style="color:red"></div>

<div id="warring" style="color:red"></div>

</body>

</html>

二：设置时间戳，进行倒计时。比如距离活动结束时间等等

代码如下：

<html>

<head>

    <meta charset="UTF-8">

    <title>js简单时分秒倒计时</title>

    <script type="text/javascript">

        function countTime() {

            //获取当前时间

            var date = new Date();

            var now = date.getTime();

            //设置截止时间

            var str="2017/5/17 00:00:00";

            var endDate = new Date(str);

            var end = endDate.getTime();  

            //时间差

            var leftTime = end-now;

            //定义变量 d,h,m,s保存倒计时的时间

            var d,h,m,s;

            if (leftTime>=) {

                d = Math.floor(leftTime////);

                h = Math.floor(leftTime///%);

                m = Math.floor(leftTime//%);

                s = Math.floor(leftTime/%);

            }

            //将倒计时赋值到div中

            document.getElementById("_d").innerHTML = d+"天";

            document.getElementById("_h").innerHTML = h+"时";

            document.getElementById("_m").innerHTML = m+"分";

            document.getElementById("_s").innerHTML = s+"秒";

            //递归每秒调用countTime方法，显示动态时间效果

            setTimeout(countTime,);  

        }

    </script>

</head >

<body onload="countTime()" >

    <div>

        <span id="_d"></span>

        <span id="_h"></span>

        <span id="_m"></span>

        <span id="_s"></span>

    </div>

</body>

</html>

巴特西

JS倒计时两种种实现方式很不错

最新文章

热门文章

巴特西

JS倒计时两种种实现方式 很不错

最新文章

热门文章

JS倒计时两种种实现方式很不错