div显示2秒后自动消失js代码分享

小云云 原创: 2018-02-26 14:14:27 2020浏览

本文我们主要和大家分享div显示2秒后自动消失js代码，利用setTimeout()，setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。希望能帮助到大家。

在做四象限的过程中会有提示的信息，但是想让提示信息在一定的时间后自动隐藏。

如上图，2s后提示自动隐藏，怎么做呢？

语法

setTimeout（code,millisec）

提示和注释

setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

实例

<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 seconds!')",5000)
}
</script>
</head>

<body>
<form>
<input type="button" value="Display timed alertbox!"
onClick="timedMsg()">
</form>
<p>Click on the button above. An alert box will be
displayed after 5 seconds.</p>
</body>

</html>

相关推荐：

JS/jQuery实现DIV延时几秒后消失或显示

jQuery实现两个div中按钮互换位置代码分享

jQuery点击任何地方隐藏DIV功能

以上就是div显示2秒后自动消失js代码分享的详细内容，更多请关注php中文网其它相关文章！

javascript 分享代码 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：js变量提升详解下一条：js清空input file上传文件的内容代码