Ⅰ 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);