使用js循环播放图片
2016-09-06 19:21
801 查看
<script type="text/javascript">
var curIndex = 0;
var timeInterval = 2000;
var arr = new Array();
arr[0] = "01.jpg";
arr[1] = "02.jpg";
arr[2] = "03.jpg";
arr[3] = "04.jpg";
this.setInterval(changeImg,timeInterval);
function changeImg(){
var obj = document.getElementById("obj");
if(curIndex == arr.length - 1){
curIndex = 0;
}else{
curIndex += 1;
}
obj.src = arr[curIndex];
}
</script>
</head>
<body>
<img id="obj" src="01.jpg" border = 0 />
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- UI基础--使用UIScrollView、UIPageControl、NSTimer实现图片循环播放
- 使用setInterval函数实现简单图片循环播放
- js图片预加载---for与onload事件，图片数据模型到界面的单项绑定，使用interval模拟循环操作
- 顶部图片循环播放开源库Android-ConvenientBanner的使用
- JS实现的图片循环播放浏览框
- 顶部图片循环播放开源库Android-ConvenientBanner的使用
- js图片自动循环播放
- JS图片循环播放
- js图片从右到左循环播放
- JS实现的类照片墙图片展示栏&图片循环播放栏
- Android 使用ViewPager实现图片左右循环滑动自动播放
- 顶部图片循环播放开源库Android-ConvenientBanner的使用。。。
- js中控制图片的循环播放
- JS 图片设置时间遍历循环播放！基础，写着玩
- 使用ViewPager实现循环滚动播放图片广告
- 很实用的js图片循环播放
- 使用Flash循环播放图片的Demo
- 很实用的js图片循环播放
- js实现图片顺序播放和循环播放
- js 新浪的一个图片播放图片轮换效果代码