setTimeout 跟addEventListener問題
問題描述
這是放在菜鳥上寫的代碼 ;
setTimeout 無論設置多長時間 ,innerHtml都是直接出現最終結果;
這是為啥呢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
文檔添加 onmousemove 事件句柄,當在文檔中移動鼠標時會顯示隨機數。
點擊按鈕移除事件句柄。
<button id='demo1'>點我</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()的回調函數是異步執行,只有主調用棧清空才會從任務隊列進入調用棧,所以就會出現你說的這種情況
相關文章:
1. docker綁定了nginx端口 外部訪問不到2. dockerfile - 為什么docker容器啟動不了?3. git - webstorm窗口中左側列表的文件名顏色怎么修改4. android權限被第三方安全軟件禁止,如何獲取該權限狀態5. javascript - 深夜被問題困擾求解惑,rn的API之PermissionsAndroidd的問題6. javascript - 最近用echarts做統計圖時遇到兩個問題!!7. mysql - 我的myeclipse一直連顯示數據庫連接失敗,不知道為什么8. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?9. tp 6.0 數據查詢,求教!10. mysqld無法關閉

網公網安備