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-compose中volumes的问题2. nignx - docker内nginx 80端口被占用3. docker - 如何修改运行中容器的配置4. node.js - antdesign怎么集合react-redux对input控件进行初始化赋值5. docker api 开发的端口怎么获取?6. angular.js - angular内容过长展开收起效果7. 为什么我ping不通我的docker容器呢???8. docker images显示的镜像过多,狗眼被亮瞎了,怎么办?9. mac里的docker如何命令行开启呢?10. python - Django ManyToManyField 字段数据在 admin后台 显示不正确,这是怎么回事?

网公网安备