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

小云云
Lepaskan: 2018-02-26 14:14:27
asal
2649 orang telah melayarinya

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

相关推荐:

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

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

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

Atas ialah kandungan terperinci div显示2秒后自动消失js代码分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan