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. java - new + 類名,一定需要申明一個對象嗎?2. javascript - 前端開發 本地靜態文件頻繁修改,預覽時的緩存怎么解決?3. java - public <T> T findOne(T record) 這是什么意思4. android - 優酷的安卓及蘋果app還在使用flash技術嗎?5. docker不顯示端口映射呢?6. 新手 - Python 爬蟲 問題 求助7. mysql數據庫每次查詢是一條線程嗎?8. python - linux怎么在每天的凌晨2點執行一次這個log.py文件9. 如何分別在Windows下用Winform項模板+C#,在MacOSX下用Cocos Application項目模板+Objective-C實現一個制作游戲的空的黑窗口?10. 小程序怎么加外鏈,語句怎么寫!求救新手,開文檔沒發現
