網頁中的實時顯示時間不僅可以為網頁增色,而且便于瀏覽器掌握當前時間,而我們為了提高網站的開發速度,可以將主代碼封裝在單獨的函數,接下來就讓錯新技術頻道小編帶著各位一起來看看JavaScript實現實時反饋系統時間吧!
運用知識
JavaScript HTML DOM
HTML DOM 中的setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。
語法setInterval(code,milliseconds)
code——代碼(可以為函數)
milliseconds——在此調用的時間(毫秒)
因此,我們想讓反饋的系統時間動起來,只需要讓方法沒隔1000毫秒調用一次就可以使顯示的時間像鬧鐘一樣動起來。
setInterval(function(){myTimer()},1000)
new Date()//獲得當前時間.toLocaleTimeString()//根據本地時間把Date對象的時間部分轉換為字符串.getElementById("clock")//返回帶有指定 ID 的元素.innerHTML=c; //將c返回給指定元素代碼部分
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="clock"></div></body><script> var a = setInterval(function(){myTimer()},1000); function myTimer(){ var b = new Date(); var c = b.toLocaleTimeString(); document.getElementById("clock").innerHTML=c; }</script></html>相信大家對JavaScript實現實時反饋系統時間都了解了吧,可能自己以后會用得到,如果你想了解更多,那就關注錯新技術頻道吧!
新聞熱點
疑難解答
圖片精選