1、計(jì)時(shí)器 (setInterval)

• 語法: setInterval(function(){每次執(zhí)行定時(shí)器時(shí)要做的事}, 時(shí)間)時(shí)間的單位是毫秒
• 返回值: (時(shí)間ID)
  • 值取決于你當(dāng)前的定時(shí)器是這個(gè)頁面的第幾個(gè)定時(shí)器, 返回值可以用于關(guān)閉定時(shí)器
• 關(guān)閉定時(shí)器: clearInterval(時(shí)間ID)

var count = 0;var timer = setInterval(function () {count++;console.log(count);if (count == 5) {clearInterval(timer);}}, 1000)

2、 倒計(jì)時(shí)器 (setTimeout)

• 語法：setTimeout(function () {倒計(jì)時(shí)時(shí)間滿足時(shí), 要執(zhí)行的一段代碼}, 時(shí)間)*時(shí)間的單位是毫秒
• 返回值:(時(shí)間ID)
  • 值取決于你當(dāng)前的定時(shí)器是這個(gè)頁面的第幾個(gè)定時(shí)器, 返回值可以用于關(guān)閉定時(shí)器
• 關(guān)閉倒計(jì)時(shí)器: clearTimeout(時(shí)間ID)

var timer1 = setTimeout(function(){ ?console.log('我是倒計(jì)時(shí)器');}, 3000) ?clearTimeout(timer1);

• 關(guān)閉定時(shí)器: clearInterval 和 clearTimeout
• 正常來說兩個(gè)方法可以混用, 不會(huì)出錯(cuò)
• 但是根據(jù)語義來說clearTimeout用于關(guān)閉setTimeout；clearInterval用于關(guān)閉setInterval

3、簡(jiǎn)單了解異步代碼

JS的運(yùn)行是單線程的(執(zhí)行代碼從第一行開始,往下執(zhí)行, 上一行不結(jié)束, 不會(huì)運(yùn)行下一行代碼)

但是萬一上一行代碼比較耗時(shí)(5S), 那么我下一行代碼就需要等待5S

但是JS也分為異步任務(wù)(兩個(gè)定時(shí)器)與同步任務(wù)

JS在運(yùn)行的時(shí)候, 會(huì)按照從上到下的順序執(zhí)行代碼, 但是會(huì)先把所有的同步任務(wù)先執(zhí)行, 等所有的同步任務(wù)執(zhí)行完畢, 在執(zhí)行異步任務(wù)

console.log(1); // 同步任務(wù) 1console.log(2); // 同步任務(wù) 2setTimeout(function () { // 異步任務(wù) 1console.log(3);}, 5000)console.log(4); // 同步任務(wù) 3

console.log(1);console.log(2); ?setInterval(function () { ?console.log(3);}, 1000) ?console.log(4);

4、面試題

console.log('start'); setTimeout(function () { ?console.log('timeout_start') setTimeout(function () { ?console.log('QF666'); }, 0) ?console.log('timeout_end'); }, 0)console.log('end');

總結(jié)

以上是生活随笔為你收集整理的【学习笔记33】JavaScript延时器定时器和异步程序的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。