js网页倒计时功能（天，时，分，秒）

 

给定任何一个时间，然后实现现在到那个时间的倒计时。

 

下面的例子是显示现在到2019年8月1号0时0分的倒计时：

<div class="list">
        <span id='day'></span>天
        <span id='hours'></span>时
        <span id='minute'></span>分
        <span id='second'></span>秒
    </div>

    <script>
        function show() {
            //获取目的日期
            var myyear = 2019; //年
            var mymonth = 8 - 1; //月 只需要填写 - 前面的数字，这里是八月
            var myday = 1; //天
            var myhour = 24; //时
            var myminute = 00; //分
            var mysecond = 00; //秒
            //以上综合填入的时间是 2019年8月1号0时0分;
            var time = Number(new Date(myyear, mymonth, myday, myhour, myminute, mysecond));
            // var time=new Date(myyear,mymonth,myday,myhour,myminute,mysecond).getTime();
            //获取当前时间
            var nowTime = Date.now();
            // var nowTime = new Date().getTime();
            //获取时间差
            var timediff = Math.round((time - nowTime) / 1000);
            //获取还剩多少天
            var day = parseInt(timediff / 3600 / 24);
            //获取还剩多少小时
            var hour = parseInt(timediff / 3600 % 24);
            //获取还剩多少分钟
            var minute = parseInt(timediff / 60 % 60);
            //获取还剩多少秒
            var second = timediff % 60;
            //输出还剩多少时间
            document.getElementById("day").innerHTML = day;
            document.getElementById("hours").innerHTML = hour;
            document.getElementById("minute").innerHTML = minute;
            document.getElementById("second").innerHTML = second;
            setTimeout(show, 1000);
            if (timediff < 0) {
                //当倒计时结束时，显示0000
                document.getElementById("day").innerHTML = 0;
                document.getElementById("hours").innerHTML = 0;
                document.getElementById("minute").innerHTML = 0;
                document.getElementById("second").innerHTML = 0;
            }
        }
        show();
    </script>

 

转载于:https://www.cnblogs.com/wiliam/p/11263821.html