這篇文章主要介紹了JavaScript實(shí)現(xiàn)定時(shí)隱藏與顯示圖片的方法,可實(shí)現(xiàn)javascript定時(shí)關(guān)閉圖片的功能,涉及javascript針對(duì)頁(yè)面元素屬性定時(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)。

運(yùn)行效果如下圖所示：

具體代碼如下：

<!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://www.dbjr.com.cn/images/logo.gif" >
 </DIV>
</center> 
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript中的作用域鏈和閉包
JavaScript中出現(xiàn)了一個(gè)以前沒(méi)學(xué)過(guò)的概念——閉包。何為閉包？從表面理解即封閉的包，與作用域有關(guān)。所以，說(shuō)閉包以前先說(shuō)說(shuō)作用域
2012-06-06
js提取中文拼音首字母的封裝工具類
這篇文章主要給大家介紹了關(guān)于利用js實(shí)現(xiàn)的一個(gè)提取中文拼音首字母的封裝工具類，文中給出了詳細(xì)完整的示例代碼，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以直接拿來(lái)用，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2018-03-03
微信小程序適配iphoneX的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序適配iphoneX的實(shí)現(xiàn)方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09
JS+ACTIVEX實(shí)現(xiàn)網(wǎng)頁(yè)選擇本地目錄路徑對(duì)話框
使用ACTIVEX對(duì)象遍歷本地磁盤和目錄,只需網(wǎng)頁(yè)啟用相關(guān)ACTIVEX的INTERNET選項(xiàng)即可實(shí)現(xiàn)路徑選擇對(duì)話框，感興趣的你可以參考下哈希望可以幫助到你
2013-03-03
JS實(shí)現(xiàn)的文件拖拽上傳功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的文件拖拽上傳功能,涉及javascript事件觸發(fā)、頁(yè)面元素屬性動(dòng)態(tài)修改等相關(guān)操作技巧,需要的朋友可以參考下
2018-05-05
js腳本實(shí)現(xiàn)數(shù)據(jù)去重
最近在一個(gè)項(xiàng)目中，需要去除掉重復(fù)的數(shù)據(jù)，之前都是在后臺(tái)實(shí)現(xiàn)，現(xiàn)在客戶需求是在前臺(tái)去重，于是就想到了javascript腳本。
2014-11-11
使用mini-define實(shí)現(xiàn)前端代碼的模塊化管理
這篇文章主要介紹了使用mini-define實(shí)現(xiàn)前端代碼的模塊化管理，十分不錯(cuò)的一篇文章，這里推薦給有需要的小伙伴。
2014-12-12
深入理解JavaScript事件機(jī)制
事件機(jī)制是幾乎所有開(kāi)發(fā)語(yǔ)言都有的機(jī)制，并不是deviceone的獨(dú)創(chuàng)，在某些語(yǔ)言稱之為消息(Event),有些地方稱之為(Message).接下來(lái)通過(guò)本文給大家介紹JS事件機(jī)制的理解，需要的朋友一起學(xué)習(xí)吧
2023-04-04
javascript實(shí)現(xiàn)表格排序編輯拖拽縮放
這篇文章主要介紹了javascript實(shí)現(xiàn)表格排序編輯拖拽縮放的方法，效果非常不錯(cuò)，只是兼容性還有些問(wèn)題，有待優(yōu)化。
2015-01-01
Knockout自定義綁定創(chuàng)建方法
這篇文章主要介紹了Knockout自定義綁定創(chuàng)建方法的相關(guān)資料,需要的朋友可以參考下
2015-12-12