HTML實時日期和時間是指在網頁中顯示當前日期和時間,可以增加網頁的實用性和用戶體驗。以下代碼可以實現HTML實時日期和時間顯示:
<!DOCTYPE html> <html> <body> <p>當前時間是:<span id="time"></span></p> <p>當前日期是:<span id="date"></span></p> <script> function showTime() { var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); document.getElementById("time").innerHTML = hour + ":" + minute + ":" + second; document.getElementById("date").innerHTML = year + "年" + month + "月" + day + "日"; } setInterval(showTime, 1000); </script> </body> </html>
以上代碼首先定義了兩個p標簽,分別用于顯示時間和日期。然后使用JavaScript編寫了一個showTime()函數,用于獲取當前時間和日期,并將其賦值給對應的span標簽。最后使用setInterval()函數每秒鐘執行一次showTime()函數,實時更新時間和日期。
上一篇vue add 插件
下一篇mysql幾張表合并