JavaScript网页中如何实现倒计时

复制代码window.onload = function() {
  var countdownElement = document.getElementById('countdown');
 
  // 设置目标倒计时的时间（单位为毫秒）
  var targetTime = new Date("2023-08-08").getTime();
 
  // 定时器函数，每秒执行一次
  setInterval(function() {
    // 获取当前时间
    var now = new Date().getTime();
 
    // 计算剩余时间（单位为毫秒）
    var remainingTime = targetTime - now;
 
    // 转换为天、小时、分钟和秒的数值
    var days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
    var hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
 
    // 将倒计时的内容更新到HTML中
    countdownElement.innerHTML = days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒 ";
  }, 1000);
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24