Ⅰ 5s後讓圖片消失,js如何實現
<html><head><title>setTimeout()方法應用演示 </title>
<script language="JavaScript">
<!--
function changeStatusBar(){
window.status = "注意這里,5秒鍾後該提示消失!!"; //status為window對象的一個屬性
rcTimeout =setTimeout("window.status=''",5000);//代碼字元表達式,毫秒數===即前者為空
rcTimeout1=setTimeout("document.images['img'].style.display='none'",5000);
alert(rcTimeout); //顯示setTimeout()方法的返回值
alert(rcTimeout1);
}
// -->
</script>
<body><center> <font face=宋體 size=3 color=blue>
將延遲時間設置為5秒種。<br>
<img src="1.jpg" border=2 width="210" height="270" name="img">
<p>請注意狀態欄 <br>
<form>
<input type="button" value="單擊此處" onClick="changeStatusBar();">
</form> </center>
</body>
</html>
Ⅱ js如何寫出控制圖片3秒後出現的呢代碼要簡潔哈。謝謝。
你只需要把你顯示圖片的代碼放到,setTimeout函數中就可以了。例子:
setTimeout(function(){
//顯示圖片的代碼
},3000);