Question

javascript 图片简单变换问题，这是我写的方法，错误在哪？菜鸟求解

Answer 1

对你的写法表示非常不理解
你把所有的图片都none了，结果什么都看不到了。
至少你应该把你的需求描述清楚。
如果你希望上一张或者下一张图显示，你可以 i+1 或者 i -1
将图给 block

追问

譬如我把所有的图片，定义postition 为absolute，都设置在同一位置，然后每次都会消失最上面的一张，这是我想做的，求指教，我这个语法或者其他错误是什么？毕竟菜鸟

追答

我晕死，你为何要这么做？！你能考虑换个办法么，例如这个。

这是直接针对某个ID的图片，替换URL的方式。

http://zhidao.baidu.com/question/1861823316747174667

通过 setInterval 的办法，让你的图片轮播，还可以减少你的HTML代码。

下面回答正题

你的代码是通过while来循环，但是你的 i++ 是在延时2秒后执行。

这个代码只是为你的网页添加一个计时器，2秒后才执行i++

而此时，你的while已经被执行了 N 遍。

可以使用下面的 for 循环，解决 i++ 的问题。

如果你不是不想换代码，建议你还是参考上面的图片轮播方法。

for(i=0,i<allimg.length;i++) {
setTimeout('allimg[i].style.display="none";',2000)
}

追问

没学过……

很多东西都不知道的

哈哈，谢谢

但我想知道，我那个写法为什么不能成功呢？

谢谢

追答

前面解释过了
你的代码是通过while来循环，但是你的 i++ 是在延时2秒后执行。
setTimeout 是一个计时器，用于指定代码在延时多少后执行。
在JavaScript中，只要上一个代码执行成功，就会执行下一段代码。它不需等待你的setTimeout所添加的代码执行结束。
故此，你的 i++ 是在2秒后执行的，而这个 while 已经被执行了无数次，添加了无数个倒计时2秒的 i++
直到你的 i 不再小于 allimg.length

追问

嗯，后来看看就知道错了，能告诉我图片在一个小区域内左右移动是怎么做到的吗？谢谢大神

追答

你的需求描述不清晰，你所谓的移动是在什么需求的情况下？
你的追问已经是另一个问题了，你应该是开设一个新的问题。