JavaScript----------------超时调用

最新推荐文章于 2024-01-14 14:14:33 发布

朝一爱学习

最新推荐文章于 2024-01-14 14:14:33 发布

阅读量91

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_41086461/article/details/101608693

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

（1）点击“删除”按钮3秒后，页面上div里面的文字消失

（2）点击“删除”按钮之后的3秒内，如果点击“取消删除”按钮，那么页面上div里面的文字就不会被删除

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #div{
            height: 120px;
            width: 400px;
            border: 1px solid gray;
            margin-top: 50px;
            padding: 10px;
        }
    </style>
    <script type="text/javascript">
        window.οnlοad=function () {
            var btn1=document.getElementById("btn1");
            var btn2=document.getElementById("btn2");
            var div=document.getElementById("div");
            btn1.οnclick=function () {
                var timeout1=setTimeout(function () {
                    div.innerHTML="";
                },3000);
                btn2.οnclick=function () {
                    clearTimeout(timeout1);
                }
            }

        }
    </script>


</head>
<body>
<input type="button" value="删除" id="btn1">
<input type="button" value="取消删除" id="btn2">
<div id="div">点击"删除"按钮后，里面的内容将在3秒钟后消失；<br/><br/>如点击了"删除"后又不想删除内容，请在点击"删除"按钮3秒之内点击"取消删除"按钮即可</div>
</body>
</html>

朝一爱学习

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript----------------超时调用

（1）点击“删除”按钮3秒后，页面上div里面的文字消失（2）点击“删除”按钮之后的3秒内，如果点击“取消删除”按钮，那么页面上div里面的文字就不会被删除<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...
复制链接

扫一扫