HTML年月日倒計(jì)時(shí)是一種常用的功能,可以用于網(wǎng)頁或移動應(yīng)用的開發(fā)。下面是一個(gè)基本的倒計(jì)時(shí)代碼:
<html> <head> <script type="text/javascript"> function countdown(year, month, day) { var now = new Date(); var target = new Date(year, month-1, day); var timeDiff = target.getTime() - now.getTime(); if (timeDiff<= 0) { document.getElementById("counter").innerHTML = "已經(jīng)到了目標(biāo)日期!"; } else { var days = Math.floor(timeDiff / (1000 * 60 * 60 * 24)); var hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((timeDiff % (1000 * 60)) / 1000); document.getElementById("counter").innerHTML = "距離" + year + "年" + month + "月" + day + "日還有" + days + "天 " + hours + "小時(shí) " + minutes + "分鐘 " + seconds + "秒"; setTimeout(function() { countdown(year, month, day); }, 1000); } } countdown(2022, 12, 31); </script> </head> <body> <p id="counter"></p> </body> </html>
在代碼中,首先定義了一個(gè)countdown函數(shù),它接受三個(gè)參數(shù):目標(biāo)日期的年份、月份和日期。通過Date對象獲取當(dāng)前日期和目標(biāo)日期,計(jì)算兩個(gè)日期的時(shí)間差,然后根據(jù)時(shí)間差計(jì)算剩余的天數(shù)、小時(shí)數(shù)、分鐘數(shù)和秒數(shù)。如果時(shí)間差小于等于0,表示已經(jīng)到了目標(biāo)日期,直接顯示提示信息。否則,將剩余的時(shí)間顯示在網(wǎng)頁上,并用setTimeout函數(shù)每隔一秒更新時(shí)間。最后,調(diào)用countdown函數(shù),傳入目標(biāo)日期。在網(wǎng)頁中,使用p標(biāo)簽創(chuàng)建一個(gè)空的
元素,并用id屬性給它命名為“counter”。在countdown函數(shù)中,通過document.getElementById("counter")獲取這個(gè)
元素,然后把倒計(jì)時(shí)的結(jié)果插入到它的innerHTML屬性里面。