js倒计时案例

2022-08-18 18:03:01 阅读：131 来源： 互联网

标签：24 60 10 times 倒计时案例 var js parseInt

 1 <!--
 2  * @FilePath: 倒计时.html
 3  * @Author:马小屁
 4  * @Date: 2022-08-18 09:45:13
 5  * @LastEditors: Please set LastEditors
 6  * @LastEditTime: 2022-08-18 17:42:13
 7  * Copyright: 2022 xxxTech CO.,LTD. All Rights Reserved.
 8  * @Description: 
 9 -->
10 <!DOCTYPE html>
11 <html lang="en">
12 
13 <head>
14     <meta charset="UTF-8">
15     <meta http-equiv="X-UA-Compatible" content="IE=edge">
16     <meta name="viewport" content="width=device-width, initial-scale=1.0">
17     <title>倒计时</title>
18 </head>
19 
20 <body>
21     <div class="box"></div>
22     <script>
23 
24         function countDown(time) {
25             var nowDate = +new Date();//获取当前时间戳
26             var inputDate = +new Date(time);//获取输入时间的时间戳
27             var times = (inputDate - nowDate) / 1000 //获取总的毫秒数
28             var d = parseInt(times / 60 / 60 / 24);
29             d = d < 10 ? '0' + d : d
30             var h = parseInt(times / 60 / 60 % 24);
31             h = h < 10 ? '0' + h : h
32             var m = parseInt(times / 60 % 60);
33             m = m < 10 ? '0' + m : m
34             var s = parseInt(times % 60);
35             s = s < 10 ? '0' + s : s
36             var box = document.querySelector('.box');
37             box.innerHTML = `倒计时:${d}:${h}:${m}:${s}`;
38 
39         }
40         setInterval(function () { countDown('2022-8-18 18:00:00') }, 1000)
41     </script>
42 </body>
43 
44 </html>

标签：24,60,10,times,倒计时,案例,var,js,parseInt
来源： https://www.cnblogs.com/maxiaopi/p/16599619.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js倒计时案例