當前位置:首頁 » 圖片大全 » html圖片顯示多少秒自動關閉
擴展閱讀
電腦cpu所有品牌型號圖片 2025-07-09 04:29:21
接電話的手機圖片 2025-07-09 04:28:36

html圖片顯示多少秒自動關閉

發布時間: 2023-08-28 22:33:53

㈠ 如何設置一個DIV在網頁中顯示幾秒然後自動隱藏消失

可以用JS來控制。

代碼如下:

<div id="nogg">廣告層</div>

<script type="text/javascript">

setTimeout(function(){document.getElementById("nogg").style.display="none";},4000);

</script>

利用JS代碼拆入10秒倒計時,如下:

<span id="numDiv">10</span>秒……

<script type="text/javascript">

varnum=10

varinterval=setInterval(function(){if(num==0){clearInterval(interval)}

numDiv.innerHTML=num--},1000)

</script>

(1)html圖片顯示多少秒自動關閉擴展閱讀:

setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式。

setTimeout(code,millisec)

1、code,描述:必需。要調用的函數後要執行的 JavaScript 代碼串。

2、millisec,描述:必需。在執行代碼前需等待的毫秒數。

例如:

<bodyonLoad="MM_timelinePlay('Timeline1')">

<divid="Layer1"style="position:absolute;left:419px;top:295px;width:160px;height:145px;

z-index:1;visibility:inherit">asdfasdf</div>

㈡ html中,讓圖片顯示3秒後自動消失/隱藏代碼

使用js定時器setTimeout()方法,定時三秒將要修改的圖片的display設為none.

<scripttype="text/javascript">
setTimeout(function(){//定時器
$("img").css("display","none");//將圖片的display屬性設置為none
},
3000);//設置三千毫秒即3秒
</script>