HTML 80秒倒計時代碼
如果你使用網站或應用程序需要一個倒計時功能,你可以使用 HTML 代碼來輕松實現。在這篇文章中,我們將提供一個基礎的 80 秒倒計時代碼,幫助你開發自己的倒計時功能。
首先,讓我們看看這個倒計時代碼:
<div id="countdown"> <span id="timer">80</span> 秒 </div> <script type="text/javascript"> window.onload = function() { var seconds_left = 80; var interval = setInterval(function() { document.getElementById('timer').innerHTML = --seconds_left; if (seconds_left<= 0) { document.getElementById('countdown').innerHTML = '倒計時結束!'; clearInterval(interval); } }, 1000); }; </script>這個代碼使用了 HTML 和 JavaScript,創建了一個基礎的倒計時。在運行代碼之前,請確保包含了正確的 HTML 代碼,以及一個名稱為“countdown”的 div 元素。此外,請確保代碼中的 JavaScript 已經加載完成。 代碼行 1-3 聲明了計時器的 div 元素和一個名為“timer”的 span 元素。代碼行 5-14 定義了一個 JavaScript 函數,它使用 document.getElementById() 方法獲取 span 元素,并將剩余的秒數更新到頁面上。如果剩余時間少于或等于零,倒計時結束。此時清除 setInterval 的方法會停止計時器。 最后,我們在 window.onload 中使用 setInterval 方法,它以 1000 毫秒(即一秒鐘)的間隔來調用并執行計時器函數。 倒計時是很實用的功能,可用于許多不同的項目中。希望這個簡單的 80 秒倒計時代碼可以幫助你更好地了解如何在自己的網站或應用程序中實現倒計時功能。