Question

我怎么能写一个代码片段，可以在刷新时迭代数组？假设我有一个带有横幅链接的数组，我希望在刷新时将横幅更改为下一个。有许多解决方案可以使它随机，但我希望它按顺序循环遍历数组，并在最后一个之后转到第一个。

var banner = new Array();
 banner[0] = "http://placehold.it/728x90?text=one";
 banner[1] = "http://placehold.it/728x90?text=two";
 banner[2] = "http://placehold.it/728x90?text=three";
 banner[3] = "http://placehold.it/728x90?text=four";

 for(var i=0; i < banner.length; i++){
  var img = document.getElementById("imageid");
  img.src = banner[i];
 }

这是我目前拥有的代码，但它显然无效。

提前谢谢

Answer 1

像这样使用localStorage：

var banner = new Array();
banner[0] = "http://placehold.it/728x90?text=one";
banner[1] = "http://placehold.it/728x90?text=two";
banner[2] = "http://placehold.it/728x90?text=three";
banner[3] = "http://placehold.it/728x90?text=four";    

if (!localStorage.i || localStorage.i == 3) localStorage.i = 0;
else localStorage.i++;

var img = document.getElementById("imageid");
img.src = banner[localStorage.i];

说明：首页加载时，localStorage.i将为0。刷新后，该值仅会增加1，直到3，然后再返回0。

在刷新时迭代数组

1 个答案: