JavaScript實現(xiàn)定時隱藏與顯示圖片的方法

2024-05-06 16:24:24

字體：大中小

供稿：網(wǎng)友

這篇文章主要介紹了JavaScript實現(xiàn)定時隱藏與顯示圖片的方法,可實現(xiàn)javascript定時關(guān)閉圖片的功能,涉及javascript針對頁面元素屬性定時操作的相關(guān)技巧,需要的朋友可以參考下

本文實例講述了JavaScript實現(xiàn)定時隱藏與顯示圖片的方法。分享給大家供大家參考。具體如下：

這里使用JavaScript實現(xiàn)定時隱藏與顯示圖片，設(shè)定圖片在幾秒后會自動顯示，也會自動隱藏，秒數(shù)這個自己去定義吧，在JavaScript代碼片段內(nèi)。

具體代碼如下：

<!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.companysz.com/images/logo.gif" >

</DIV>

</center>

</body>

</html>