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

2024-05-06 16:24:24

字體：大中小

供稿：網(wǎng)友

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

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

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

具體代碼如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>定時(shí)隱藏圖片</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 = "圖片會(huì)在 "+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://m.survivalescaperooms.com/images/logo.gif" >

</DIV>

</center>

</body>

</html>