文章詳情頁
setTimeout 跟addEventListener問題
瀏覽：89日期：2024-05-30 18:46:59
問題描述
這是放在菜鳥上寫的代碼 ；
setTimeout 無論設(shè)置多長時間 ，innerHtml都是直接出現(xiàn)最終結(jié)果；
這是為啥呢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
文檔添加 onmousemove 事件句柄，當(dāng)在文檔中移動鼠標(biāo)時會顯示隨機(jī)數(shù)。
點(diǎn)擊按鈕移除事件句柄。
<button id='demo1'>點(diǎn)我</button>
<p id="demo">
<script>
document.getElementById("demo1").addEventListener("click", myFunction);
var time = 5;
function myFunction() {
document.getElementById("demo").innerHTML = time;
removeHandler(time);
}
function removeHandler(i) {
i--;
document.getElementById("demo").innerHTML = i;
setTimeout(removeHandler(i),1000);
}
</script>
</body>
</html>
問題解答
回答1：setTime()的回調(diào)函數(shù)是異步執(zhí)行，只有主調(diào)用棧清空才會從任務(wù)隊(duì)列進(jìn)入調(diào)用棧，所以就會出現(xiàn)你說的這種情況
相關(guān)文章：
1. MySQL客戶端吃掉了SQL注解？2. php自學(xué)從哪里開始？3. mysql - AttributeError: ’module’ object has no attribute ’MatchType’4. 數(shù)據(jù)庫 - MySQL 單表500W+數(shù)據(jù)，查詢超時，如何優(yōu)化呢？5. 求大神幫我看看是哪里寫錯了 感謝細(xì)心解答6. python - Django分頁和查詢參數(shù)的問題7. javascript - 圖片能在網(wǎng)站顯示，但控制臺仍舊報錯403 (Forbidden)8. javascript - 百度echarts series數(shù)據(jù)更新問題9. phpstady在win10上運(yùn)行10. python小白的基礎(chǔ)問題 關(guān)于while循環(huán)的嵌套
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備