javascript - jquery 中断循环 onclick 并继续

Question

我只是在处理简单的画廊，每次单击按钮并继续单击时都想循环一次数组。

我的代码是这样的:

$(document).ready(function(){
  var pack_img = [
    'image1.jpg',
    'image2.jpg',
    'image3.jpg',
    'image4.jpg',
    'image5.jpg'
  ];

  $("#btn").click(function(){
    for(var i=0; i<pack_img.length; i++) {
       alert(pack_img[i]);
       return false;
     }  
  })
});

我已经搜索了关于中断和继续循环的内容，但对我来说似乎非常复杂

非常感谢任何想法。 :)

Answer 1

试试这个:

var _index = -1;
$("#btn").click(function(){

    if(_index < pack_img.length){
         _index ++;
    }else{
         _index = 0;
    }
    alert(pack_img[_index ]);
});