js怎么实现更换图片？

JavaScript047

js怎么实现更换图片？,第1张

js实现更换图片：

<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" />

setInterval()方法：每隔一段事件执行一次函数

--参数：1、回调函数

              2、间隔时间，毫秒为单位

例子：每隔1秒打印一次hello

图片切换效果图：