js写距离明天秒数

最新推荐文章于 2022-08-28 15:33:51 发布

aha1234567890

最新推荐文章于 2022-08-28 15:33:51 发布

阅读量256

点赞数

原文链接：http://www.cnblogs.com/lzq035/p/8034659.html

版权

<!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>今天距离明天倒计时秒数</title>
    <style>
        div{
            width: 200px;
            height: 100px;
            border: 1px solid black;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        p{
            margin: 0;
            text-align: center;
        }
    </style>
</head>
<body>
    <div>
        <section>
                <p>距离明天</p>
                <p>还有<span class="time">4520</span>秒</p>
        </section>
    </div>
    <script>
        var Debugger = function(){};
        // 控制台按钮 开
        Debugger.switch = true;
        Debugger.log = function(message){
            try{
                if(Debugger.switch){
                    console.log(message);
                }
            } catch(exception){
                return 'Error'
            }
        }
        // 关闭
        Debugger.switch = false;

        // span标签
        var timeT = document.querySelector('.time')
        Debugger.log(timeT)
        
        var timer;
        function time(){
            var date = new Date();
            // 获取当前时间距离----毫秒数
            var m1 = date.getTime();
            Debugger.log(m1)
            // 设置为当前天凌晨0:0:0
            date.setHours(0);
            date.setMinutes(0);
            date.setSeconds(0);
            // 获取当前天凌晨距离----毫秒数
            var m0 = date.getTime();
            Debugger.log(m0)
            // 获取距离明天的秒数
            var m = 60*60*24 - (m1-m0)/1000;
            Debugger.log(m)
            timer = setInterval(time,1000);
            if(m<=0){
                clearInterval(timer);
                return
            }
            timeT.innerHTML = m
        }
        setInterval(time,1000);
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/lzq035/p/8034659.html

aha1234567890

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js写距离明天秒数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
复制链接

扫一扫