第1个回答 推荐于2018-04-27
我简单实现了一个纯静态页面的，没有和服务器交互。如果你要从服务器端把图片取出来，原理相通，可以把保存图片名称的imgArray数组换成服务器传来的图片url。<html>
<head>
<script type="text/javascript" src="jq/jquery.js"></script>
<script type="text/javascript">
var imgArray = new Array("1317.jpg", "3.jpg","yz.jpg");//同路径文件夹下有"1317.jpg", "3.jpg","yz.jpg"这三张图片,将其文件名保存至imgArray数组
var i=0, //计数器
len = imgArray.length;//imgArray数组长度
$(document).ready(function() {
$("img").attr("src", "xxx.jpg");//页面加载后，图片为xxx.jsp
change();//调用change函数
});
function change() {
//若i小于imgArray数组长度，递归调用change()函数
if (i < len) {
$("img").attr("src", imgArray[i++]);//改变img的src属性
setTimeout("change()", 2000);//设置2秒刷新一次
}
}
</script>
</head>
<body>
<img alt="" src="">
</body>
</html>本回答被网友采纳
<head>
<script type="text/javascript" src="jq/jquery.js"></script>
<script type="text/javascript">
var imgArray = new Array("1317.jpg", "3.jpg","yz.jpg");//同路径文件夹下有"1317.jpg", "3.jpg","yz.jpg"这三张图片,将其文件名保存至imgArray数组
var i=0, //计数器
len = imgArray.length;//imgArray数组长度
$(document).ready(function() {
$("img").attr("src", "xxx.jpg");//页面加载后，图片为xxx.jsp
change();//调用change函数
});
function change() {
//若i小于imgArray数组长度，递归调用change()函数
if (i < len) {
$("img").attr("src", imgArray[i++]);//改变img的src属性
setTimeout("change()", 2000);//设置2秒刷新一次
}
}
</script>
</head>
<body>
<img alt="" src="">
</body>
</html>本回答被网友采纳
相似回答
