怎样用javascript实现图片定时切换

如题所述

思路:使用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、效果演示

温馨提示:内容为网友见解,仅供参考
第1个回答  2010-07-09
<head>

<body onLoad="checked();">
<img src="1.jpg" name="imgs" width="602" height="371" id="imgs">
<script Language="JavaScript">

var imge=["1.jpg","2.jpg","3.jpg","4.jpg"];//图片的路径我这个是图片和文件在同一目录
var cont=0;
function checked(){
if(cont==imge.length)
cont=0;
document.getElementById('imgs').src=imge[cont];
cont++;

}
setInterval("checked()",5000);//5秒换一次
</script>
</body>
</html>
第2个回答  推荐于2016-05-23

试试这个图片切换

有12345数字一起切换

鼠标点一下数字会变换到另一张图片,不点就会自动换

里面有教程和源码

参考资料:http://www.blueidea.com/common/shoutbox/redir.asp?6=p&id=10895

本回答被提问者采纳
第3个回答  2012-12-26
青鸟现过时了,各方面都不是很具备优势了,比起来,华夏 博大要好的多,非加盟,要知道这样更会注重自己的口碑。学费又低很多,而又不会影响教学质量,注重师资就业LH
第4个回答  2010-07-08
用 timeout实现
相似回答