简单方法的让图片自动切换

最新推荐文章于 2021-05-17 18:55:34 发布

原创最新推荐文章于 2021-05-17 18:55:34 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function

本文介绍了一种使用JavaScript实现图片轮播的方法。通过设置时间间隔，可以自动切换展示不同的图片。该实现利用了setInterval函数，并通过改变元素的src属性来达到轮播效果。

<script language =javascript >
var curIndex=0;//时间间隔单位毫秒
var timeInterval=1000;
var arr=new Array();
arr[0]=图片地址;
arr[1]=图片地址;
arr[2]=图片地址;
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>