純JavaScript實(shí)現(xiàn)實(shí)時(shí)反饋系統(tǒng)時(shí)間
用javascript反饋系統(tǒng)時(shí)間
運(yùn)用知識(shí)
JavaScript HTML DOM
HTML DOM 中的setInterval() 方法會(huì)不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。
語(yǔ)法setInterval(code,milliseconds)
code——代碼(可以為函數(shù))
milliseconds——在此調(diào)用的時(shí)間(毫秒)
因此,我們想讓反饋的系統(tǒng)時(shí)間動(dòng)起來(lái),只需要讓方法沒(méi)隔1000毫秒調(diào)用一次就可以使顯示的時(shí)間像鬧鐘一樣動(dòng)起來(lái)。
setInterval(function(){myTimer()},1000)
new Date()//獲得當(dāng)前時(shí)間 .toLocaleTimeString()//根據(jù)本地時(shí)間把Date對(duì)象的時(shí)間部分轉(zhuǎn)換為字符串 .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>
總結(jié)
以上所述是小編給大家介紹的純JavaScript實(shí)現(xiàn)實(shí)時(shí)反饋系統(tǒng)時(shí)間,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- js顯示當(dāng)前系統(tǒng)時(shí)間的代碼
- jsp實(shí)現(xiàn)頁(yè)面實(shí)時(shí)顯示當(dāng)前系統(tǒng)時(shí)間的方法
- 6種javascript顯示當(dāng)前系統(tǒng)時(shí)間代碼
- 基于javascript實(shí)現(xiàn)動(dòng)態(tài)顯示當(dāng)前系統(tǒng)時(shí)間
- javascript 顯示當(dāng)前系統(tǒng)時(shí)間代碼
- 基于JS代碼實(shí)現(xiàn)實(shí)時(shí)顯示系統(tǒng)時(shí)間
- JavaScript實(shí)現(xiàn)實(shí)時(shí)更新系統(tǒng)時(shí)間的實(shí)例代碼
- JS使用Date對(duì)象實(shí)時(shí)顯示當(dāng)前系統(tǒng)時(shí)間簡(jiǎn)單示例
- JS 通過(guò)系統(tǒng)時(shí)間限定動(dòng)態(tài)添加 select option的實(shí)例代碼
- js流動(dòng)式效果顯示當(dāng)前系統(tǒng)時(shí)間
- 使用iojs的jsdom庫(kù)實(shí)現(xiàn)同步系統(tǒng)時(shí)間
- javascript系統(tǒng)時(shí)間設(shè)置操作示例
相關(guān)文章
詳解JavaScript中的before-after-hook鉤子函數(shù)
最近看別人的代碼,接觸到一個(gè)插件,before-after-hook,百度搜一圈也沒(méi)有看到什么地方有教程,本文就來(lái)簡(jiǎn)單介紹一下這個(gè)插件的使用方法,需要的可以參考一下2022-12-12JavaScript中通過(guò)提示框跳轉(zhuǎn)頁(yè)面的方法
這篇文章主要介紹了JavaScript中通過(guò)提示框跳轉(zhuǎn)頁(yè)面的方法的相關(guān)資料,需要的朋友可以參考下2016-02-02js中apply()和call()的區(qū)別與用法實(shí)例分析
這篇文章主要介紹了js中apply()和call()的區(qū)別與用法,結(jié)合實(shí)例形式分析了apply()和call()的功能、區(qū)別、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-08-08基于jquery實(shí)現(xiàn)的省市區(qū)級(jí)聯(lián)無(wú)ajax
省市區(qū)級(jí)聯(lián)的實(shí)現(xiàn)方法有很多,在本文為大家介紹下如何使用jquery無(wú)ajax來(lái)實(shí)現(xiàn),感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09laravel實(shí)現(xiàn)中文和英語(yǔ)互相切換的例子
今天小編就為大家分享一篇laravel實(shí)現(xiàn)中文和英語(yǔ)互相切換的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JavaScript中 ES6 generator數(shù)據(jù)類型詳解
generator 是ES6引入的新的數(shù)據(jù)類型,由function* 定義, (注意*號(hào)),接下來(lái)通過(guò)本文給大家介紹js中 ES6 generator數(shù)據(jù)類型,非常不錯(cuò),感興趣的朋友一起學(xué)習(xí)吧2016-08-08JavaScript CollectGarbage函數(shù)案例詳解
這篇文章主要介紹了JavaScript CollectGarbage函數(shù)案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08countup.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)疊加效果
這篇文章主要為大家詳細(xì)介紹了countup.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)疊加效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10Layer.js實(shí)現(xiàn)表格溢出內(nèi)容省略號(hào)顯示,懸停顯示全部的方法
今天小編就為大家分享一篇Layer.js實(shí)現(xiàn)表格溢出內(nèi)容省略號(hào)顯示,懸停顯示全部的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09