JS倒计时

最新推荐文章于 2023-12-25 11:55:05 发布

qq_46615920

最新推荐文章于 2023-12-25 11:55:05 发布

阅读量81

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_46615920/article/details/109224556

版权

笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

JS倒计时

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p id="p"></p>
    <script>
       let p = document.getElementById("p");
       setInterval(function () {
            var nowtime = new Date();

            let year = nowtime.getFullYear();
            let month = nowtime.getMonth() + 1;
            let days = nowtime.getDate();
            let a = year + '/' + month + '/' + days;
            var endtime = new Date(a + " 19:00:00");

            //总共需要的秒数
            var seconds = parseInt((endtime - nowtime) / 1000)
            //需要的天数
            var day = fn(parseInt(seconds / 3600 / 24));   
            //需要的小时
            var hou = fn(parseInt(seconds / 3600 % 24));
            //需要多少分
            var sec = fn(parseInt(seconds / 60 % 60));
            //需要的毫秒
            var mil = fn(parseInt(seconds % 60));
            console.log(typeof day)

            if(day == "00"){
                p.innerHTML = hou + "小时" + sec + "分" + mil + "秒"
            }else{
                p.innerHTML = day + "天" + hou + "小时" + sec + "分" + mil + "秒"
            }
            
        }, 1000)
        function fn(num) {       
            if (num < 10) {
                return "0" + num
            } else {
                return num
            }
        }
    </script>
</body>

</html>

qq_46615920

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS倒计时

JS倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <p
复制链接

扫一扫