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. golang - 用IDE看docker源碼時的小問題2. nignx - docker內nginx 80端口被占用3. javascript - vue使用videojs+videojs-contrib-hls報錯4. io - java 文件操作,如何向指定的位置插入內容 (不是替換內容) ?5. javascript - JS 里面的 delete object.key 到底刪除了什么?6. javascript - webpack --hot 熱重載無效的問題7. dockerfile - [docker build image失敗- npm install]8. Python 爬蟲 遇到的問題(手淘問大家)9. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””10. mysql如何配置遠程php外網鏈接數據庫
