5s后让图片消失,js如何实现
这个代码是实现图片替换的,如何实现图片消失,求解!!代码:<html><head><title>setTimeout()方法应用演示</title><scriptlang...
这个代码是实现图片替换的,如何实现图片消失,求解!!
代码:
<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'].src='2.jpg'",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> 展开
代码:
<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'].src='2.jpg'",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> 展开
3个回答
展开全部
<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>
<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代码如下,只需加一个函数就可以了 <script language="JavaScript">
<!--
function changeStatusBar(){
window.status = "注意这里,5秒钟后该提示消失!!"; //status为window对象的一个属性
setTimeout(changesrc,5000);//5秒后要执行的函数
}
changesrc = function()
{
//alert(document.getElementById('here').getAttribute("src"));
document.getElementById('here').src = 'H.jpg';
}
// -->
</script>
<!--
function changeStatusBar(){
window.status = "注意这里,5秒钟后该提示消失!!"; //status为window对象的一个属性
setTimeout(changesrc,5000);//5秒后要执行的函数
}
changesrc = function()
{
//alert(document.getElementById('here').getAttribute("src"));
document.getElementById('here').src = 'H.jpg';
}
// -->
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<script language="JavaScript">
var i=1;
function changeStatusBar(){
var src=document.getElementByname("img").src;
src=i+".jpg";
if(i==2)i=1;
i++;
}
inter=setInterval("changeImg()",5000);
</script>
var i=1;
function changeStatusBar(){
var src=document.getElementByname("img").src;
src=i+".jpg";
if(i==2)i=1;
i++;
}
inter=setInterval("changeImg()",5000);
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询