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.jb51.net/images/logo.gif" >
</DIV>
</center>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
小編推薦
熱門推薦