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

div显示2秒后自动消失js代码分享,第1张

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

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

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

如上图,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中文网其它相关文章!

文章来源:https://www.php.cn/faq/387063.html

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
U19学习网站 » div显示2秒后自动消失js代码分享