本文演示了如何使用JS实现内连式和外连式刷新图片，通过随机选取图片并每隔一段时间自动更新。
1.内连式的JS刷新
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自动刷新图片</title>
<script>
function changeImg()
{
var i=Math.round(Math.random()*8+1);
document.getElementById("abs").innerHTML="<img src=images/"+i+".jpg />";
setTimeout("changeImg();",2000);
}
</script>
</head>
<body>
<div id="abs" style="border: 50px solid #F00F;"></div>
</body>
</html>
<script>changeImg();</script>
2. 外连式的JS刷新
function ref1(){
var i=Math.round(Math.random()*8+1);
document.getElementById("imge1").src="images/"+i+".jpg";
setTimeout("ref1();",1000);
}
ref1();
扫一扫
3397
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
