首頁  >  文章  >  web前端  >  JS實作定時自動關閉DIV層提示框的方法_javascript技巧

JS實作定時自動關閉DIV層提示框的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 15:59:431117瀏覽

本文實例講述了JS實現定時自動關閉DIV層提示框的方法。分享給大家供大家參考。具體分析如下:

這裡用JS設定時間去控制指定ID的DIV層是否顯示,可以實現一個自動關閉的提示框,時間一到,馬上關閉,這樣會使你的網頁更人性一點,程式碼其實比你想像的還要簡單,就一行程式碼。

<title>自动关闭的DIV层</title>
<body onLoad=setTimeout("abc.style.display='none'",5000)>
<div id="abc" style="background:yellow;padding:20px;
position:absolute; left:92px; top:38px;
width:200px; height:169px; z-index:1">
友情提示:本层5秒后会消失!
</div>

希望本文所述對大家的javascript程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn