您好,登錄后才能下訂單哦!
今天小編給大家分享一下JavaScript定時(shí)器怎么在控制臺(tái)中使用的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
在JavaScript
中定時(shí)器有兩個(gè) setInterval()
與 setTimeout()
分別還有取消定時(shí)器的方法。
這都是window
的對象,調(diào)用時(shí)可以省略window
。這兩個(gè)方法并不在 JavaScript
的規(guī)范中。
定時(shí)器方法相關(guān)方法有四種:
方法 | 描述 |
---|---|
setInterval | 周期性地調(diào)用一個(gè)函數(shù)(function)或者執(zhí)行一段代碼。 |
clearInterval | 取消掉用setInterval設(shè)置的重復(fù)執(zhí)行動(dòng)作。 |
setTimeout | 在指定的延遲時(shí)間之后調(diào)用一個(gè)函數(shù)或者執(zhí)行一個(gè)代碼片段。 |
clearTimeout | 方法可取消由 setTimeout() 方法設(shè)置的 timeout。 |
注意:setTimeout() 只執(zhí)行一次setInterval()是每間隔給定的時(shí)間周期性執(zhí)行。
setInterval()
方法可以按照制定的周期,來重復(fù)調(diào)用一個(gè)函數(shù)或執(zhí)行一個(gè)代碼段。周期單位為毫秒。setInterval()
方法如果沒有被 clearInterval()
方法關(guān)閉或頁面關(guān)閉,那么會(huì)一直調(diào)用下去。
setInterval的參數(shù)有多個(gè)。
第一種,如果第一個(gè)參數(shù)為代碼段,那么setInterval()方法可以選填。
第二種,如果第一個(gè)參數(shù)為函數(shù),那么setInterval()方法可以有多個(gè)參數(shù)。
let timerId = setInterval(func|code, delay, arg1, arg2, ...)
參數(shù) | 必/選填 | 描述 |
---|---|---|
func | code | 必填 | 調(diào)用的函數(shù)后要執(zhí)行的函數(shù)或代碼字符串 |
delay | 必填 | 執(zhí)行代碼前所需的時(shí)間,單位為毫秒,可以不填,默認(rèn)值是 0 |
arg1,arg2… | 選填 | 要傳入被執(zhí)行函數(shù)(或代碼字符串)的參數(shù)列表(IE9 以下不支持) |
注意:參數(shù)func|code 一般傳入的都是函數(shù)。由于某些歷史原因,支持傳入代碼字符串,但是不建議這樣做。
返回值timeoutID
是一個(gè)正整數(shù),表示定時(shí)器的編號(hào)。這個(gè)值可以傳遞給clearTimeout()
來取消該定時(shí)器。
這是一個(gè)點(diǎn)擊按鈕,每隔一秒種,數(shù)字加一的示例;
<p id="showNum"></p> <button onclick="timer()">點(diǎn)我每秒鐘數(shù)字加一</button> <script> const showNum = document.getElementById("showNum"); let timerId; // 計(jì)時(shí)器的ID let num = 0; function timer() { timerId = setInterval(addNum, 1000); } function addNum() { showNum.innerText = `${num++}`; } // 沒有寫停止計(jì)時(shí)器代碼 </script>
setTimeout()
返回一個(gè)整數(shù),表示定時(shí)器的編號(hào),以后可以用來取消這個(gè)定時(shí)器。setTimeout()
允許我們將函數(shù)推遲到一段時(shí)間間隔之后再執(zhí)行。
let timerId = setTimeout(func|code, delay, arg1, arg2, ...)
setTimeout()
參數(shù)這里和setInterval()
的參數(shù)是一樣的。
參數(shù) | 必/選填 | 描述 |
---|---|---|
func | code | 必填 | 調(diào)用的函數(shù)后要執(zhí)行的函數(shù)或代碼字符串 |
delay | 必填 | 執(zhí)行代碼前所需的時(shí)間,單位為毫秒,可以不填,默認(rèn)值是 0 |
arg1,arg2… | 選填 | 要傳入被執(zhí)行函數(shù)(或代碼字符串)的參數(shù)列表(IE9 以下不支持) |
注意:參數(shù)func|code 一般傳入的都是函數(shù)。由于某些歷史原因,支持傳入代碼字符串,但是不建議這樣做。
setTimeout()
用法和 setInterval()
是一樣的,
不過 setTimeout()
只執(zhí)行一次不同,setInterval()
是根據(jù)指定的時(shí)間周期性執(zhí)行。
<p id="showNum"></p> <button onclick="timer()">點(diǎn)擊后,等待一秒鐘數(shù)字加一</button> <script> const showNum = document.getElementById("showNum"); let timerId; let num = 0; addNum(); function timer() { timerId = setTimeout(addNum, 1000); } function addNum() { showNum.innerText = `${num++}`; } </script>
clearInterval()
方法可取消由 setInterval()
設(shè)置的 timer
。clearTimeout()
方法可取消由 setTimeout()
設(shè)置的 timer
。
使用方法很簡單,只有一個(gè)參數(shù),該參數(shù)timeoutID
為您要取消定時(shí)器的標(biāo)識(shí)符。
該ID由相應(yīng)的setTimeout()
或clearTimeout()
調(diào)用返回.
clearInterval(intervalID); clearTimeout(timeoutID);
注意:注意的是setTimeout()和setInterval()共用一個(gè)編號(hào)池,技術(shù)上,clearTimeout()和 clearInterval() 可以互換。但是,為了避免混淆,不要混用取消定時(shí)函數(shù)。
用法很簡單:
function timer() { timerId = setTimeout(addNum, 1000); } clearTimeout(timerId); // 當(dāng)代碼運(yùn)行到這行的時(shí)候,會(huì)取消timer所設(shè)置的定時(shí)器。
在瀏覽器控制臺(tái)中也可以使用定時(shí)器
console.time(timerName)
創(chuàng)建一個(gè)名為name的計(jì)時(shí)器,并開始計(jì)時(shí)。
注意: 每一個(gè)計(jì)時(shí)器必須擁有唯一的名字,頁面中最多能同時(shí)運(yùn)行10,000個(gè)計(jì)時(shí)器。
console.timeEnd(timerName)
調(diào)用console.timeEnd(name
)停止計(jì)時(shí)器并輸出所耗時(shí)間(毫秒)。
console.time(timerName); console.timeEnd(timerName);
5.1 用法
for循環(huán)99999次要多少時(shí)間示例:
console.time(name); let num; for (let index = 0; index < 99999; index++) { num++; } console.timeEnd(name);
以上就是“JavaScript定時(shí)器怎么在控制臺(tái)中使用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。