與我們合作

我們專注：網站策劃設計、網絡輿論監控、網站優化及網站營銷、品牌策略與設計
主營業務：網站建設、移動端微信小程序開發、APP開發、網絡運營、云產品·運維解決方案

有一個品牌項目想和我們談談嗎?

您可以填寫右邊的表格，讓我們了解您的項目需求，這是一個良好的開始，我們將會盡快與您取得聯系。當然也歡迎您給我們寫信或是打電話，讓我們聽到您的聲音

您也可通過下列途徑與我們取得聯系：

地址: 上海市長寧區華寧國際7L

電話: 400-825-2717(咨詢專線)

電話: 13054973230(售后客戶服務)

網址: http://www.whjy118.cn

傳真: 021-61488448

郵箱: admin@wumujituan.com

快速提交您的需求 ↓

春節倒計時代碼分享給大家

發布日期：2023-12-26 瀏覽次數：39725

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