思路:使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作,在执行的动作中循环替换图片的src属性。树立演示如下:
1、HTML结构
<img src="1.png" id="test">2、javascript代码
function change(n){if(n>5) n=1 // 一共5张图片,所以循环替换
document.getElementById("test").setAttribute("src", n+".png")
n++
setTimeout("change("+n+")",1000)
}
window.onload = function(){
setTimeout("change(1)", 1000)
}
3、效果演示
不应该用SetTimeOut 方法 这个方法只会加载完成1秒之后 执行第一次(且只执行第一次) 并不是每隔一秒就会执行如果想要实现图片自动切换 你把SetTimeOut这个方法 换成setInterval这个方法 就可以实现了