首页 > 其他分享> > 倒计时（学习js的第九天）

倒计时（学习js的第九天）

2019-06-29 10:49:32 作者：互联网

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        div{
            text-align: center;
            margin:50px auto;
            font-size: 20px;
            color:green;
        }
    </style>
</head>

<body>
    <div id="box">距离2019.10.18还有0天0小时0分0秒</div>
    <script>

        var box = document.getElementById("box"); //获取元素
        // console.log(box);
        var endtime = new Date("2019/10/18 23:59:59");  //获取结束时间
        // console.log(endtime);
        setInterval(function () {    //  使用定时器获取现在的时间
            var nowtime = new Date();  //获取现在的时间
            var seconds = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); //获取结束时间到现在时间之间的总秒数
            // console.log(seconds);
            var D = J0(parseInt(seconds / 3600 / 24));  //获取总的天数     —————>>J0()调用下面函数
            // console.log(D);
            var H = J0(parseInt(seconds / 3600 % 24));  //获取小时数(取余)
            // console.log(H);
            var M = J0(parseInt(seconds / 60 % 60));    //获取分钟数(取余)
            // console.log(M);
            var S = J0(parseInt(seconds % 60));         //获取秒数(取余)
            // console.log(S);
            box.innerHTML = "距离2019.10.18还有" + D + "天" + H + "小时" + M + "分" + S + "秒";     //动态赋值给元素
        })

        function J0(num) {        //用函数把数字小于10时在数字前面添加"0"封装
            if (num < 10) {
                num = "0" + num;
            }
            return num;
        }

    </script>
</body>

</html>

标签：第九天,console,log,seconds,J0,js,倒计时,获取,var
来源： https://blog.csdn.net/Leejinian888/article/details/94132144