Циклический массив и отображение текста

Question

У меня есть следующий массив

var arr = ['abc', 'efg', 'igj', 'feeu', 'fee'];

Я хочу выполнить следующие две задачи:

Переберите этот массив и отобразите текст в DIVCont, один за другим, непрерывно и циклично. Для каждого слова должен быть интервал в две секунды.

Мое второе требование - иметь возможность щелкнуть по элементу div с именем DIVClick, чтобы отобразить следующее слово в массиве. Каждый клик будет вызывать следующее слово в цикле.

Я не хочу использовать для этого дополнительный плагин.

Answer 1

<script type="text/javascript">
var arr = ['abc', 'efg', 'igj', 'feeu', 'fee'];
var index = arr.length;

$(function() {
    $('div#DIVClick').click(updateDiv);
    setInterval(updateDiv, 2000);
});

function updateDiv() {
    $('div#DIVCont').html(arr[(index++) % arr.length]);
}
</script>