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