如何在我的阵列结束时重置我的计数器？

我有一个按钮,在单击时迭代数组并显示数组的内容.当我到达数组的末尾时,我想将计数器设置回到开头.到目前为止,这是我的代码:

HTML:

Like

JavaScript的:

var clicks = 0; $("#like").click(function(){ clicks++; 
$('.figure').html(clicks);});

工作演示:http://jsfiddle.net/nTmu7/2/

使用提醒操作员(又名:模数) %来循环您的阵列

counter = (counter+1) % array.length;

例:

var clicks = 0;
var array  = ["One", "Two", "Three"];
var tot    = array.length;   

$("#like").click(function(){
  $('.figure').html( array[clicks] );
  clicks = ++clicks % tot;
});

    

LOOP ARRAY