Rumah > Artikel > hujung hadapan web > div显示2秒后自动消失js代码分享

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

小云云asal: 2018-02-26 14:14:272629semak imbas

本文我们主要和大家分享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>

Artikel berkaitan

Lihat lagi