HTML5電子表是一種利用HTML5技術編寫的計時器應用程序,可以在網頁上實現倒計時、計數、日期和時鐘等多種實用功能。下面是一個簡單的HTML5電子表代碼示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5電子表</title> </head> <body> <p id="timer">18:00:00</p> <script> function displayTime() { var date = new Date(); var hours = date.getHours(); hours = (hours< 10) ? "0" + hours : hours; var minutes = date.getMinutes(); minutes = (minutes< 10) ? "0" + minutes : minutes; var seconds = date.getSeconds(); seconds = (seconds< 10) ? "0" + seconds : seconds; var time = hours + ":" + minutes + ":" + seconds; document.getElementById("timer").innerText = time; } setInterval(displayTime, 1000); //每秒刷新一次電子表 </script> </body> </html>這段HTML代碼定義了一個p元素,在頁面中顯示當前時間,并使用JavaScript代碼刷新時間。JavaScript的setInterval方法可在指定時間間隔內重復執行代碼。在這個例子中,displayTime函數每秒鐘執行一次,并更新p元素的文本信息,即當前的時間。這樣,我們就可以在HTML頁面上實現一個簡單的電子表應用程序。
下一篇html5畫小人圖代碼