javascript - setInterval 数组

Question

我想在 jQuery 中使用 setInterval 函数，以便每 4 秒创建一个包含一个数组内容的警报。然而，我的警报会在很短的时间内显示我的数组的所有值，并在显示所有值后停止 4 秒。

$.each(['html5', 'EDM', 'Coca Cola', 'creativity'], function(id,value) {
    setInterval(function(){
        alert(value);
    }, 4000);
});

在这种情况下，我想显示如下内容:Alert('html5') - 4 seconds - Alert('EDM') - 4 seconds - Alert('Coca Cola') - 4 seconds -警报('创造力')- 4 秒-警报('html5')- 4 秒-警报('EDM')- 4 秒- ...

Answer 1

从循环中移动 setInterval。

var arr = ['html5', 'EDM', 'Coca Cola', 'creativity'];
var index = 0;
setInterval(function() {
    console.log(arr[index++ % arr.length]);
}, 4000);​

Live DEMO
不需要 jQuery。