lovecoding
/
vipAllDay


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
							<!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>
        span {
            color: red;
        }
        h1 {
            width: 700px;
            height: 180px;
            line-height: 180px;
            margin: 100px auto;
            text-align: center;
            border: 4px solid purple;
        }
    </style>
</head>
<body>
    <h1>
        倒计时：<span>0</span>天<span>0</span>时<span>0</span>分<span>0</span>秒
    </h1>
    <script>
        // var a = 3.6;
        // var x = new Number() 
        // parseInt() 取整
        // parseFloat() 取浮点数
        // console.log(parseFloat(a));
        function showTime() {
            var spans = document.querySelectorAll("span");
            var startTime = new Date().getTime();
            var endTime = new Date("2024-06-30 12:00:00").getTime();
            var diffTime = (endTime - startTime) / 1000;
            var day = parseInt(diffTime / 60 / 60 / 24);
            var hour = parseInt(diffTime / 60 / 60 % 24);
            var minutes = parseInt(diffTime / 60 % 60);
            var second = parseInt(diffTime % 60) ;
            spans[0].innerHTML = day;
            spans[1].innerHTML = hour;
            spans[2].innerHTML = minutes;
            spans[3].innerHTML = second;
        }
        setInterval(showTime,1000)
    </script>
</body>
</html>