Looping массив и отображения текста

Question

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

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

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

Loop через этот массив и отображать текст в DIV называется 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>