JavaScript實作定時關閉div的方法:1、開啟對應的前端程式碼檔案;2、透過「onLoad=setTimeout("abc.style.display='none'",5000)」方式實作定時自動關閉DIV層提示框即可。
本文操作環境:windows7系統、javascript1.8.5版、DELL G3電腦
JavaScript怎麼定時關閉div ?
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基礎教學》
以上是JavaScript怎麼實作定時關閉div的詳細內容。更多資訊請關注PHP中文網其他相關文章!