快捷導(dǎo)航

純JavaScript實(shí)現(xiàn)實(shí)時(shí)反饋系統(tǒng)時(shí)間

更新時(shí)間：2017年10月26日 09:08:20 作者：python_端腦

這篇文章主要介紹了純JavaScript實(shí)現(xiàn)實(shí)時(shí)反饋系統(tǒng)時(shí)間的相關(guān)資料,需要的朋友可以參考下

用javascript反饋系統(tǒng)時(shí)間

運(yùn)用知識

JavaScript HTML DOM

HTML DOM 中的setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。

語法setInterval(code,milliseconds)

code——代碼（可以為函數(shù)）

milliseconds——在此調(diào)用的時(shí)間（毫秒）

因此，我們想讓反饋的系統(tǒng)時(shí)間動起來，只需要讓方法沒隔1000毫秒調(diào)用一次就可以使顯示的時(shí)間像鬧鐘一樣動起來。

setInterval(function(){myTimer()},1000)

new Date()//獲得當(dāng)前時(shí)間
.toLocaleTimeString()//根據(jù)本地時(shí)間把Date對象的時(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í)間，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JavaScript中操作字符串小結(jié)
字符串在javascript中幾乎無處不在，在你處理用戶的輸入數(shù)據(jù)的時(shí)候，在讀取或設(shè)置DOM對象的屬性時(shí)，在操作cookie時(shí)，當(dāng)然還有更多...。JavaScript的核心部分提供了一組屬性和方法用于通用的字符串操作，如分割字符串，改變字符串的大小寫，操作子字符串等。
2015-05-05
JavaScript單線程和任務(wù)隊(duì)列原理解析
這篇文章主要介紹了JavaScript單線程和任務(wù)隊(duì)列原理解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
統(tǒng)一接口：為FireFox添加IE的方法和屬性的js代碼
統(tǒng)一接口：為FireFox添加IE的方法和屬性的js代碼...
2007-03-03
記一次webpack3升級webpack4的踩坑經(jīng)歷
這篇文章主要介紹了記一次webpack3升級webpack4的踩坑經(jīng)歷，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-06-06
關(guān)于B/S判斷瀏覽器斷開的問題討論
前臺頁面五分鐘，自己刷新一次，所以最多只有五分鐘的差錯(cuò)。
2008-10-10
JS實(shí)現(xiàn)點(diǎn)擊循環(huán)切換顯示內(nèi)容的方法
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊循環(huán)切換顯示內(nèi)容的方法,涉及javascript鼠標(biāo)事件響應(yīng)及頁面元素的獲取、屬性設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
基于JavaScript實(shí)現(xiàn)評論框展開和隱藏功能
本文通過實(shí)例代碼給大家介紹了基于JavaScript實(shí)現(xiàn)評論框展開和隱藏功能，感興趣的朋友參考下吧
2017-08-08
javascript高級的文件目錄排序代碼
這幾天在做一個(gè)文件管理的模塊，里面有排序的功能，產(chǎn)品經(jīng)理看了說希望能做出更加智能的文件排序功能，就像是win7的名稱排序一樣，主要就是文件名中的數(shù)字會按大小排序，而不是直接按ascii碼 ,這兩天晚上沒事，就先寫了這個(gè)排序方法，下個(gè)版本中就可以用上了
2010-08-08
layer彈窗在鍵盤按回車將反復(fù)刷新的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layer彈窗在鍵盤按回車將反復(fù)刷新的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript 監(jiān)聽組合按鍵思路及代碼實(shí)現(xiàn)
這篇文章主要介紹了JavaScript 監(jiān)聽組合按鍵思路及代碼實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07