自我介紹青春猶如一場夢,誰會陪你睡到天亮
積分5890
精華1
主題1411
帖子1516
UID38
|
一鍵注冊,加入手機圈
您需要 登錄 才可以下載或查看,沒有帳號?立即注冊
x
<style>
.clock {
width: 300px;
height: 30px;
border: 1px solid #000;
}
</style>
</head>
<body>
<div class=&#34;clock&#34;></div>
<script>
var clock = document.querySelector(&#34;.clock&#34;);
//倒計時 結(jié)束時間是: 2023/3/24 8:00結(jié)束
// 剩幾小時幾分鐘幾秒
// 25h --- d = 1天 h = 1小時
function countdown() {
var startTime = new Date().getTime();
var endTime = new Date(&#34;2023/3/25 17:00:00&#34;).getTime();
var interval = (endTime - startTime) / 1000; // 秒
var d = parseInt(interval / 60 / 60 / 24)
var h = parseInt(interval / 60 / 60 % 24);
var m = parseInt(interval / 60 % 60)
var s = parseInt(interval % 60) // 剩余時間是85s , 秒位應(yīng)該顯示25
if (h < 10) h = &#39;0&#39; + h
if (m < 10) m = &#39;0&#39; + m
if (s < 10) s = &#39;0&#39; + s
clock.innerText = &#39;剩余&#39; + d + &#39;天 &#39; + h + &#34;:&#34; + m + &#34;:&#34; + s
}
countdown();
setInterval(countdown,1000)
</script>
</body>
運行結(jié)果
秒殺倒計時-1.jpg (23.03 KB, 下載次數(shù): 13)
下載附件
2023-3-26 23:02 上傳
----------------------------- |
|