HTML 10分鐘倒計時代碼如下:
<!DOCTYPE html> <html> <head> <title>10分鐘倒計時</title> <script> var countDownDate = new Date().getTime() + (10 * 60 * 1000); var x = setInterval(function() { var now = new Date().getTime(); var distance = countDownDate - now; var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById('countdown').innerHTML = minutes + " 分鐘 " + seconds + " 秒 "; if (distance < 0) { clearInterval(x); document.getElementById('countdown').innerHTML = "結(jié)束倒計時!"; } }, 1000); </script> </head> <body> <h1>10分鐘倒計時</h1> <p id='countdown'></p> </body> </html>
這段代碼通過利用JavaScript的Date對象和setInterval方法,實現(xiàn)了一個10分鐘的倒計時功能。代碼中首先獲取當前時間,然后計算與目標時間的時間差,將時間差轉(zhuǎn)換為分鐘和秒鐘,并通過innerHTML方法將倒計時信息顯示在HTML頁面中。當時間差為0時,清除倒計時計時器,并顯示“結(jié)束倒計時!”。