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>
标签：60,10,times,倒计时,案例,var,js,parseInt From： https://www.cnblogs.com/maxiaopi/p/16599619.html