HTML實(shí)時(shí)日期和時(shí)間是指在網(wǎng)頁(yè)中顯示當(dāng)前日期和時(shí)間,可以增加網(wǎng)頁(yè)的實(shí)用性和用戶體驗(yàn)。以下代碼可以實(shí)現(xiàn)HTML實(shí)時(shí)日期和時(shí)間顯示:
<!DOCTYPE html> <html> <body> <p>當(dāng)前時(shí)間是:<span id="time"></span></p> <p>當(dāng)前日期是:<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>
以上代碼首先定義了兩個(gè)p標(biāo)簽,分別用于顯示時(shí)間和日期。然后使用JavaScript編寫了一個(gè)showTime()函數(shù),用于獲取當(dāng)前時(shí)間和日期,并將其賦值給對(duì)應(yīng)的span標(biāo)簽。最后使用setInterval()函數(shù)每秒鐘執(zhí)行一次showTime()函數(shù),實(shí)時(shí)更新時(shí)間和日期。
上一篇vue add 插件
下一篇mysql幾張表合并