JS 实现定时自动关闭提示框

首先认识一下 HTML onload 事件：

<body onload="load()">

onload 常用在 <body> 中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。

<!DOCTYPE html>
<html>

<head>
    <title>定时自动关闭提示框</title>
</head>

<body onLoad=setTimeout("disappear.style.display='none'",3000)>
    <div id="disappear" style="background: yellow; width: 200px; height: 200px">
        友情提示：本层3秒后会消失！
    </div>
</body>

</html>

这里使用 javascript 设定时间去控制指定 id 的 div 层是否显示，可以实现一个自动关闭的提示框，时间一到，马上关闭，这样会使你的网页更人性一点，代码其实比你想像的还要简单，就一行代码。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容