请检查代码

来源:1-21 编程练习

QQCC2

2020-01-30 16:53:36

<!DOCTYPE html>

<html>

<head>

    <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 fdelete=document.getElementsByTagName("input")[0];

       var ndelete=document.getElementsByTagName("input")[1];

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

       var delId;

       

       fdelete.onclick=function(){

           delId=setTimeout("divs.innerHTML=''",3000);

       }

       ndelete.onclick=function(){

              clearTimeout(delId);

       }

    </script>

</body>

</html>


写回答

1回答

樱桃小胖子

2020-01-31

同学你好,效果实现的是正确的,代码也是正确的,继续加油,祝学习愉快!

0

0 学习 · 40143 问题

查看课程