lovecoding
/
web0331


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p {
            width: 600px;
            height: 300px;
            border: 1px solid #000;
            text-align: center;
            line-height: 300px;
            font-size: 36px;
            margin: 150px auto;
        }
        p 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('2025-5-1 12:00').getTime();
            var beginTime = Date.now();
            var diffTime = (endTime - beginTime) / 1000
            var days = parseInt(diffTime / 60 / 60 / 24);
            var hours = parseInt(diffTime / 60 / 60 % 24);
            var minutes = parseInt(diffTime / 60 % 60 );
            var seconds = parseInt(diffTime % 60 );
            spans[0].innerText = days;
            spans[1].innerText = hours;
            spans[2].innerText = minutes;
            spans[3].innerText = seconds;
        }
        setInterval(showTime,1000)
    </script>
</body>
</html>