HTML 顯示時間的代碼,可以使用JavaScript 來實現。在HTML文件中,我們可以使用 script 標簽來引入 JavaScript 代碼,并通過 DOM (Document Object Model) 來操作頁面元素,比如顯示時間。
下面是一個簡單的HTML頁面,展示如何將當前時間顯示在頁面上:
下面是當前時間:
顯示時間 下面是當前時間:
首先我們在 head 標簽中引入了一個JavaScript,其中的函數showTime用于獲取當前時間,并將其賦值給頁面中的一個名為 time 的 p 標簽。最后我們使用 JavaScript 中的 setInterval 函數,每隔1秒鐘就會調用一次 showTime 函數,保證頁面中顯示的時間實時更新。
在 body 標簽中,我們創建了一個 p 標簽來展示當前時間,它的 id 值為“time”。我們將一開始加載頁面的時間傳遞給這個 p 標簽,隨后執行 showTime 函數更新當前時間。標簽是一個預格式化標簽,它可以保留代碼中的空格、換行和縮進等原始格式。使用 pre 標簽來包裹 代碼可以保證代碼的展示與編輯風格保持一致,更直觀,看起來更加清晰易懂。 嘗試復制上面的HTML代碼,在本地創建一個 HTML文件,在瀏覽器中打開,即可看到一個實時顯示時間的頁面。