网页倒计时代码

这是一个倒计时代码，倒计时名称和日期，自己可以完全自定义：javascript代码：<script>//设置目标日期vartargetDate=newDate("J

这是一个倒计时代码，倒计时名称和日期，自己可以完全自定义：

javascript代码：

<script>
// 设置目标日期
var targetDate = new Date("June 7, 2025").getTime();

// 更新倒计时每秒
var x = setInterval(function() {

  // 获取今天的日期和时间
  var now = new Date().getTime();
    
  // 找出距离目标日期的差值
  var distance = targetDate - now;
  
  // 计算剩余的天数
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  
  // 显示结果
  document.getElementById("gkdjs").innerhtml = "距离2025年高考还有 " + days + " 天";
  
  // 如果倒计时结束，显示消息并清除计时器
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("gkdjs").innerHTML = "高考已经开始了！";
  }
}, 1000);
</script>

HTML部分：

<div id="gkdjs"></div>

反正我是在高考在线www.gkol.cn添加成功了，大家可以移步去查看效果。

猜你喜欢