JavaScript實(shí)現(xiàn)定時(shí)隱藏與顯示圖片的方法
本文實(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)文章
微信小程序適配iphoneX的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序適配iphoneX的實(shí)現(xiàn)方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09JS+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-03js腳本實(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-12javascript實(shí)現(xiàn)表格排序 編輯 拖拽 縮放
這篇文章主要介紹了javascript實(shí)現(xiàn)表格排序 編輯 拖拽 縮放的方法,效果非常不錯(cuò),只是兼容性還有些問(wèn)題,有待優(yōu)化。2015-01-01