首页 > web前端 > js教程 > 正文

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

小云云
发布: 2018-02-26 14:14:27
原创
2649 人浏览过

本文我们主要和大家分享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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板