首頁  >  文章  >  web前端  >  JavaScript怎麼實作定時關閉div

JavaScript怎麼實作定時關閉div

藏色散人
藏色散人原創
2021-10-18 14:05:302330瀏覽

JavaScript實作定時關閉div的方法:1、開啟對應的前端程式碼檔案;2、透過「onLoad=setTimeout("abc.style.display='none'",5000)」方式實作定時自動關閉DIV層提示框即可。

JavaScript怎麼實作定時關閉div

本文操作環境:windows7系統、javascript1.8.5版、DELL G3電腦

JavaScript怎麼定時關閉div ?

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

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

<title>自动关闭的DIV层</title>
<body onLoad=setTimeout("abc.style.display=&#39;none&#39;",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基礎教學

以上是JavaScript怎麼實作定時關閉div的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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