這篇文章主要介紹了JavaScript實現定時隱藏與顯示圖片的方法,可實現javascript定時關閉圖片的功能,涉及javascript針對頁面元素屬性定時操作的相關技巧,需要的朋友可以參考下
本文實例講述了JavaScript實現定時隱藏與顯示圖片的方法。分享給大家供大家參考。具體如下：
這里使用JavaScript實現定時隱藏與顯示圖片，設定圖片在幾秒后會自動顯示，也會自動隱藏，秒數這個自己去定義吧，在JavaScript代碼片段內。
具體代碼如下：
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>定時隱藏圖片</title>
- </head>
- <SCRIPT LANGUAGE="JavaScript">
- var sec=10;
- var timer;
- function hidepic()
- {
- sec--;
- if (sec==0){
- textfield.value = "圖片被隱藏";
- soccer.style.visibility =(soccer.style.visibility == "hidden") ? "visible" : "hidden";
- }
- else{
- textfield.value = "圖片會在 "+sec+" 秒后隱藏";
- setTimeout("hidepic()",1000);
- }
- }
- </SCRIPT>
- <body onLoad = "hidepic();">
- <center>
- <input name="textfield" type="text" size="20"> <br>
- <DIV ID="soccer" STYLE="position:absolute; left:333px; top:43px">
- <img border="0" src="http://www.49028c.com/images/logo.gif" >
- </DIV>
- </center>
- </body>
- </html>
希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
