检查一下代码
<!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 btn=document.getElementsByTagName("input")[0], btncas=document.getElementsByTagName("input")[1], con=document.getElementsByTagName("div")[0]; var result; btn.onclick=function(){ result=setTimeout(function(){ con.innerHTML="" },3000); } btncas.onclick=function(){ clearTimeout(result); } </script> </body> </html>
btncas.onclick=function(){clearTimeout(result);}
取消定时器的操作为什么要装在一个函数里? 原理是什么?我看视频里老师直接写的
clearTimeout(result);
0
收起
正在回答
2回答
同学你好,不是的哦。可以理解为,在取消按钮点击时去执行某些事情,这些事情要放到函数里面。
如果帮助到了你,欢迎采纳~ 祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星