为什么取消删除不行?

来源:1-21 编程练习

胜己

2020-02-18 20:20:16

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>定时器</title>
    <style type="text/css">
        div{width:400px;height:120px;margin-top:50px;border:2px solid gray;padding:10px;}
    </style>
</head>
<body>
     <input type="button" value="删除">
     <input type="button" value="取消删除">
    <div>点击"删除"按钮后,里面的内容将在3秒钟后消失;<br/><br/>如点击了"删除"后又不想删除内容,请在点击"删除"按钮3秒之内点击"取消删除"按钮即可</div>
    <script type="text/javascript">
       //补充代码
       var inputD = document.getElementsByTagName("input")[0];
       var inputC = document.getElementsByTagName("input")[1];
       var divs = document.getElementsByTagName("div")[0];
       function startTimeOut(){
            divs.innerHTML = "";
       }
       inputD.onclick = function() {
           setTimeout(startTimeOut,3000)
       }
       inputC.onclick = function() {
            clearTimeout(setTimeout);
       }
       
    </script>
</body>
</html>


写回答

1回答

好帮手慕星星

2020-02-19

同学你好,取消定时器不是直接取消setTimeout,每个定时器都是不一样的,需要取消定时器的返回值才是取消当前的定时器。如下修改:

http://img.mukewang.com/climg/5e4c8f4e09cca6e404550240.jpg

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

0

0 学习 · 40143 问题

查看课程