当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 最简单的js图片切换效果实现代码

最简单的js图片切换效果实现代码

2019年07月19日  | 移动技术网IT编程  | 我要评论

赵小光,潜水艇洗衣机地漏,讨鬼传2

无意中在网上发现的，代码非常的简单，一看就明白！
复制代码 代码如下:

<script language =javascript >
var curindex=0;
//时间间隔 单位毫秒
var timeinterval=5000;
var arr=new array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setinterval(changeimg,timeinterval);
function changeimg()
{
var obj=document.getelementbyid("showpic");
if (curindex==arr.length-1)
{
curindex=0;
}
else
{
curindex+=1;
}
obj.src="image/"+arr[curindex];
}
</script>
<img src="image/1.jpg" width="427" height="219" id="showpic" />

好了以上就是全部的代码

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网