老师，为什么我没有点击它，，它却自动删除了

首页课程实战体系课手记专栏慕课教程

来源：1-16 定时器 setTimeout

慕斯卡8226687

2019-11-19 14:38:15

<!DOCTYPE html>

<html>

<head>

div{

border: solid 1px black;

height: 200px;

width: 400px;

margin-top: 20px;

}

</style>

</head>

<body>

<div>

<p>点击“删除”按钮3秒后，页面上div里面的文字消失<br>

点击“删除”按钮之后的3秒内，如果点击“取消删除”按钮，<br>

那么页面上div里面的文字就不会被删除

</p>

</div>

var btn1=document.getElementById("delete");

var btn2=document.getElementById("cancel");

var div=document.getElementsByTagName("div")[0];

btn1.onclick=setTimeout(function(){div.innerHTML=' '},3000);

</script>

</body>

</html>

写回答

1回答

好帮手慕码

2019-11-19

同学你好，定时器应该放在btn1点击事件里面，如下修改：

因为定时器会自动执行，相当于是window调用，所以即使没有操作，定时器也会执行，文字3s后清除，放在点击事件里面就可以了。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0 学习 · 40143 问题

查看课程

相似问题

老师你好，按钮onclick怎么判断是否被点击？

回答 2

老师为什么我点击多次后，速度越来越快？

回答 3

老师，为什么我删除按钮点3次，取消删除也点了3次，最后div里面的内容还是会被清空

回答 1

老师看看我的为什么点击删除后马上点击取消删除，他还是删除了

回答 1

代码有点问题老师帮忙看看

回答 2

打开慕课网App查看更多内容