Javascript.window对象方法定时器小案例

裁判机器人蜻蜓队长

已于 2022-07-07 14:27:57 修改

阅读量167

点赞数

分类专栏：前端JS基础 #window对象方法文章标签： javascript 前端开发语言

于 2022-07-01 17:06:07 首次发布

本文链接：https://blog.csdn.net/qq_43313542/article/details/125562277

版权

前端JS基础同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

#window对象方法

1 篇文章 0 订阅

订阅专栏

<body>
    <div id="time"></div>
    <script>

        function Cd(x, y) {
            var now = new Date;               //得到当前时间的毫秒数
            var future = new Date(y);         //得到传入时间的毫秒数

                 
             //取整 用传入的时间减去当前时间得出倒计时所需的毫秒数
            var gp = parseInt((future - now) / 1000);  

            if (gp > 0) {                     //判断倒计时是否小于0
                var d = parseInt(gp / (3600 * 24));
                var h = parseInt(gp % (3600 * 24) / 2600);
                var m = parseInt(gp % 3600 / 60);
                var s = parseInt(gp % 60);
                x.innerHTML = `倒计时:剩余${d}天${h}小时${m}分${s}秒`   //ES6 语法
            } else {
                x.innerHTML = `倒计时结束`;
                clearInterval(timer);         //倒计时结束后清除定时器
            }
        }

         //定时器的参数用法 第一个是函数调用 第二个是定时器的调用时间  后两个参数是作为第一个函数调用的实参.
          timer = setInterval(Cd, 1000, $('time'), '2022-7-1 16:38:00');  


        function $(x) {
            return document.querySelector('x');
        }
    </script>
</body>