如何用javascript实现图片定时切换 思路使用javascript定时器函数setTimeout以一定的毫秒间隔执行动作，在执行的动作中循环替换图片的src属性按如下方式设置演示1HTML结构 img src=1pngid=test2javascript代码 function。

1准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级2然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换3如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS4如图，获取im。

var arr=#39image1jpg#39，#39image2jpg#39，#39image3jpg#39，#39image4jpg#39var aText = #39图片1#39，#39图片2#39，#39图片3#39，#39图片4#39forvar i=0iltarrlengthi++ 动态添加元素。

最简单的JS切换，先引用jquery js代码 var arr = quotimage1jpgquot， quotimage2jpgquot， quotimage3jpgquot， quotimage4jpgquot var arr1 = quotimg1quot， quotimg2quot， quotimg3quot， quotimg4quot var count = 0 f。

2在indexhtml中的标签，输入js代码$#39img#39attr#39src#39， #39png#393浏览器运行indexhtml页面，此时网页上的所有图片都被替换成了指定的图片。

首先 if oImgsrc=quotimg1pngquot是赋值而不是判断相等， 判断相等请用==或者=== 其次， 你的切换不应当依赖於从元素上读到的src， 而应当用变量维护当前的状态 示例 windowonload = functionvaroImg = document。

2在indexhtml中的script标签中，填入js代码setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003浏览器进入indexhtml页面中，此时显示出一张图片4过1秒后，图片自动切换为另一张图片了。

guy ，你拿本身要改变的属性作为判断条件，导致if，else顺序执行，从而导致回到原点，没有效果方法一原始方法var flag = falsefunction CheckForm var photo=documentgetElementByIdquotphotoquot ifflag。

思路使用javascript定时器函数setTimeout每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性树立演示如下1HTML结构 2javascript代码 function changenifn5 n=1 一共5张图片。

js代码如下，里面有详细解释 1 图片自动切换更改img标签src属性a制作一个切换函数 b加载事件，完成间歇函数功能 2 完成图片停止功能 3 如果鼠标移出图片，则间隙函数要调动起来 4 图片切换的时候对应的序号。

1提前准备一组图片，将图片名称设置一定规律例如 img1jpgimg2jpg 2编写鼠标点击事件 3在鼠标点击时间里，判断鼠标点击次数 4根据不同次数，显示不同的图片 $function var items=new Arrays。

也许别人酒驾却要你去坐牢，如果出现这种情况，浏览器只认第一个，其他相同ID的元素是无法通过 getElementById 被js找到的如果你的目的是想在多个图片间进行循环切换，可以这样var timeInterval=2000setInterval。

function getByClass oParent， nClass 从父元素中获取所有子元素， 是个数组 var eLe = oParentgetElementsByTagName #39*#39 var aRrent = 循环这个数组 for var i = 0 i。

在以下代码段添加 = listurl 如下设置图片属性 = listimg = listtext = listurl另外，rvtAdd#39图片3#39，#39提示#39，#39点击图片时链接的地址#39。

我最近也写了一个类似的，不过我这个是固定，虽然也是js图片切换但跟你的这个效果的代码不同，以下是我的代码 lt！***图片切换部分*** 123 ltimg src=quotlt%=tu1%quot ltimg src=quotlt%=tu2%quot。

2在indexhtml中的标签，输入js代码function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3浏览器运行indexhtml页面，此时点击图片会换一张图片。

1 图片1，2，3 用3个div，例如三个div的id分别为div1，div2，div3 2 每个div点击时，触发click事件将点击的这个div显示出来，其余两个div则隐藏例入点击div1时documentgetElementById‘div1#39style。

你的代码差在少了quot选择元素quot这一步img1src = quot\imagesDT2JPGquot这一步是没有作用的，因为img1你还没有定义正确的方法是让图片元素的id是img1，然后 documentgetElementById#39img1#39src = quot\images。