javascript - 如何使此文本旋转器按顺序阅读并重复

Question

这是一个功能随机化的脚本。

function rotateEvery(sec) {
var Quotation=new Array()

Quotation[0] = 'Example 1..';
Quotation[1] = 'Example 2..';
Quotation[2] = 'Example 3..';
Quotation[3] = 'Example 4..';
Quotation[4] = 'Example 5..';    

var which = Math.round(Math.random()*(Quotation.length - 1));
document.getElementById('textrotator').innerHTML = Quotation[which];

setTimeout('rotateEvery('+sec+')', sec*1000);
}
rotateEvery(4);

我希望它从引号 [0] 到引号 [n] 依次读取，然后重复。有谁能够帮我？

Answer 1

这是一个工作示例：http: //jsfiddle.net/hY26L/1/

var counter = 0;
var Quotation=new Array()
Quotation[0] = 'Example 1..';
Quotation[1] = 'Example 2..';
Quotation[2] = 'Example 3..';
Quotation[3] = 'Example 4..';
Quotation[4] = 'Example 5..';    

function rotate() {
    document.getElementById('textrotator').innerHTML = Quotation[counter++ % Quotation.length] 
}

rotate();
window.setInterval(rotate, 4000);

% 是模数（http://en.wikipedia.org/wiki/Modulo_operation），基本上给你除法的余数。所以 0 % 4 是 0， 1 % 4 是 1， ...， 4 % 4 是 0 ... 等等。

setInterval就像setTimeout，但它每 X 毫秒触发一次，而不仅仅是一次