lovecoding
/
VIP32


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style>
      p {
        font-size: 36px;
        margin: 0 auto;
        text-align: center;
        line-height: 500px;
      }

      span {
        color: red;
      }
    </style>
  </head>

  <body>
    <p>
      倒计时：<span>0</span>天<span>0</span>时<span>0</span>分<span>0</span>秒
    </p>
    <script>
      function showTime() {
        var spans = document.querySelectorAll("span");
        var endTime = new Date("2024-6-30 12:00:00").getTime();
        var newTime = new Date().getTime();
        var diffTime = (endTime - newTime) / 1000;
        var day = parseInt(diffTime / 60 / 60 / 24);
        var hour = parseInt((diffTime / 60 / 60) % 24);
        var min = parseInt((diffTime / 60) % 60);
        var sen = parseInt(diffTime % 60);
        spans[0].innerText = day;
        spans[1].innerText = hour;
        spans[2].innerText = min;
        spans[3].innerText = sen;
      }
      setInterval(showTime, 1000);
    </script>
  </body>
</html>