js-倒计时

热爱°可抵岁月漫长

已于 2022-11-19 05:20:20 修改

阅读量205

点赞数

文章标签： javascript 前端 html

于 2022-11-19 05:12:17 首次发布

本文链接：https://blog.csdn.net/weixin_46337813/article/details/127932128

版权

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p></p>
    <script>
        function setNum(num) {
            return num < 10 ? '0' + num : num;
        }
        var p = document.getElementsByTagName('p')[0],
            endTime = new Date('2022-11-19 05:19:00').getTime();
        Date.prototype.countDown = function (endTime) {
            var curTime = new Date().getTime(),
                leftTime = (endTime - curTime) / 1000,//得到相差的秒
                d, h, m, s, res;
            if (leftTime >= 0) {
                d = Math.floor(leftTime / 60 / 60 / 24);// /60->分钟/60->小时/24->天（取整）
                h = Math.floor(leftTime / 60 / 60 % 24);// %24凑不够一天
                m = Math.floor(leftTime / 60 % 60)
                s = Math.floor(leftTime % 60)
                d = setNum(d)
                h = setNum(h)
                m = setNum(m)
                s = setNum(s)
                res = '倒计时：' + d + '天' + h + '小时' + m + '分钟' + s + '秒'
            } else {
                res = '开始秒杀'
                clearInterval(t)
            }
            return res
        }
        var t = setInterval(setCountDown, 1000)
        setCountDown()

        function setCountDown() {
            var date = new Date();
            p.innerText = date.countDown(endTime, t)
        }
        // Math.round()//四舍五入 -5.5->-5(特殊情况)
        // Math.ceil()//5.6->6 5.4->6 -5.4->-5 -5.6->-5
        // Math.floor()//5.6->5 5.4->5 -5.4->-6 -5.6->-6

    </script>
</body>

</html>