欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2015年08月06日 16:15:10   作者:皮蛋  
這篇文章主要介紹了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中的作用域鏈和閉包

    JavaScript中出現(xiàn)了一個(gè)以前沒(méi)學(xué)過(guò)的概念——閉包。何為閉包?從表面理解即封閉的包,與作用域有關(guān)。所以,說(shuō)閉包以前先說(shuō)說(shuō)作用域
    2012-06-06
  • js提取中文拼音首字母的封裝工具類

    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)方法

    這篇文章主要介紹了微信小程序適配iphoneX的實(shí)現(xiàn)方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-09-09
  • JS+ACTIVEX實(shí)現(xiàn)網(wǎng)頁(yè)選擇本地目錄路徑對(duì)話框

    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)的文件拖拽上傳功能示例

    這篇文章主要介紹了JS實(shí)現(xiàn)的文件拖拽上傳功能,涉及javascript事件觸發(fā)、頁(yè)面元素屬性動(dòng)態(tài)修改等相關(guān)操作技巧,需要的朋友可以參考下
    2018-05-05
  • js腳本實(shí)現(xiàn)數(shù)據(jù)去重

    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)前端代碼的模塊化管理

    這篇文章主要介紹了使用mini-define實(shí)現(xiàn)前端代碼的模塊化管理,十分不錯(cuò)的一篇文章,這里推薦給有需要的小伙伴。
    2014-12-12
  • 深入理解JavaScript事件機(jī)制

    深入理解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)表格排序 編輯 拖拽 縮放

    這篇文章主要介紹了javascript實(shí)現(xiàn)表格排序 編輯 拖拽 縮放的方法,效果非常不錯(cuò),只是兼容性還有些問(wèn)題,有待優(yōu)化。
    2015-01-01
  • Knockout自定義綁定創(chuàng)建方法

    Knockout自定義綁定創(chuàng)建方法

    這篇文章主要介紹了Knockout自定義綁定創(chuàng)建方法的相關(guān)資料,需要的朋友可以參考下
    2015-12-12

最新評(píng)論