9.倒计时.html 1.0 KB

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // 字面量 1 2 3 4 56 true false
  11. // 变量
  12. var a = 3;
  13. function time() {
  14. // 倒计时
  15. // 逻辑:结束时间 开始时间
  16. // 时间无法直接运算 转换成时间戳(毫秒)
  17. var start = new Date().getTime();
  18. var end = new Date("2024-04-20 19:00").getTime();
  19. // console.log(start);
  20. // console.log(end);
  21. var diffTime = (end - start) / 1000;
  22. var day = Math.floor(diffTime / 60 / 60 / 24);
  23. var hour = Math.floor((diffTime / 60 / 60 ) % 24);
  24. var minutes = Math.floor((diffTime / 60) % 60);
  25. var seconds = Math.floor(diffTime % 60);
  26. console.log(day + '天' + hour + '小时' + minutes + '分' + seconds + '秒')
  27. }
  28. setInterval(function(){
  29. time();
  30. },1000)
  31. </script>
  32. </body>
  33. </html>