与我们合作

我们专注：网站策划设计、网络舆论监控、网站优化及网站营销、品牌策略与设计
主营业务：网站建设、移动端微信小程序开发、APP开发、网络运营、云产品·运维解决方案

有一个品牌项目想和我们谈谈吗?

您可以填写右边的表格，让我们了解您的项目需求，这是一个良好的开始，我们将会尽快与您取得联系。当然也欢迎您给我们写信或是打电话，让我们听到您的声音

您也可通过下列途径与我们取得联系：

地址: 上海市长宁区华宁国际7L

电话: 400-825-2717(咨询专线)

电话: 13054973230(售后客户服务)

网址: http://www.56gw.net

传真: 021-61488448

邮箱: admin@wumujituan.com

快速提交您的需求 ↓

春节倒计时代码分享给大家

发布日期：2023-12-26 浏览次数：8679

<!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>