春节倒计时

左右不逢缘 · 发表于 2023-12-26 10:19:01

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
  <title>春节倒计时</title>
  <style>
body {
   font-family: Arial, sans-serif;
   text-align: center;
}

h1 {
   color: #FF0000;
}

#countdown {
   font-size: 48px;
   margin-top: 20px;
}
  </style>
</head>
<body>
  <h1>春节倒计时</h1>
  <div id="countdown"></div>

  <script>
// 设置目标日期为2024年2月10日
var targetDate = new Date("2024-02-10T00:00:00Z").getTime();

// 更新倒计时
function updateCountdown() {
   var now = new Date().getTime();
   var distance = targetDate - now;

   // 计算剩余的天、小时、分钟和秒
   var days = Math.floor(distance / (1000 * 60 * 60 * 24));
   var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
   var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
   var seconds = Math.floor((distance % (1000 * 60)) / 1000);

   // 显示倒计时
   document.getElementById("countdown").innerHTML = days + "天 " + hours + "小时 "
      + minutes + "分钟 " + seconds + "秒";

   // 如果倒计时结束，显示提示信息
   if (distance < 0) {
      document.getElementById("countdown").innerHTML = "春节已经到了！";
   }
}

// 每秒更新倒计时
setInterval(updateCountdown, 1000);
  </script>
</body>
</html>
春节倒计时 1000,Math,px,newDate,getTime

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！