今天我們來學(xué)習(xí)如何使用jQuery輸出實時時間。首先,我們需要在HTML文件中添加一個p標簽來容納輸出的時間。代碼如下:
接下來,我們使用jQuery的語法來更新時間并將它輸出到p標簽中。代碼如下:
這段代碼首先獲取當前的時間并將其格式化成字符串,然后將格式化后的時間輸出到p標簽中。接著,我們使用setInterval函數(shù)每秒鐘更新一次時間并輸出到p標簽中。
現(xiàn)在我們就可以在網(wǎng)頁中實時輸出時間了。通過這個例子,我們學(xué)習(xí)了如何使用jQuery輸出實時時間,記得將代碼和輸出結(jié)果放到您的HTML文件中。
<p id="time"></p>
接下來,我們使用jQuery的語法來更新時間并將它輸出到p標簽中。代碼如下:
$(document).ready(function() { var currentTime = new Date(); var hours = currentTime.getHours(); var minutes = currentTime.getMinutes(); var seconds = currentTime.getSeconds(); var ampm = hours >= 12 ? 'PM' : 'AM'; // 前導(dǎo)零 if (hours < 10) { hours = "0" + hours; } if (minutes < 10) { minutes = "0" + minutes; } if (seconds < 10) { seconds = "0" + seconds; } // 輸出時間 var timeString = hours + ':' + minutes + ':' + seconds + ' ' + ampm; $('#time').html(timeString); // 每秒鐘更新時間 setInterval(function() { var currentTime = new Date(); var hours = currentTime.getHours(); var minutes = currentTime.getMinutes(); var seconds = currentTime.getSeconds(); var ampm = hours >= 12 ? 'PM' : 'AM'; // 前導(dǎo)零 if (hours < 10) { hours = "0" + hours; } if (minutes < 10) { minutes = "0" + minutes; } if (seconds < 10) { seconds = "0" + seconds; } // 輸出時間 var timeString = hours + ':' + minutes + ':' + seconds + ' ' + ampm; $('#time').html(timeString); }, 1000); });
這段代碼首先獲取當前的時間并將其格式化成字符串,然后將格式化后的時間輸出到p標簽中。接著,我們使用setInterval函數(shù)每秒鐘更新一次時間并輸出到p標簽中。
現(xiàn)在我們就可以在網(wǎng)頁中實時輸出時間了。通過這個例子,我們學(xué)習(xí)了如何使用jQuery輸出實時時間,記得將代碼和輸出結(jié)果放到您的HTML文件中。
上一篇jquery輸入法表情包
下一篇jquery輸出文字亂碼