배열을 반복하고 텍스트

Question

를 표시하는 난이 다음과 같은 배열

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

나는 다음과 같은 두 가지 작업을 수행 할이 배열을 통해

루프와 하나가 DIVCont 하나라는 DIV에서 텍스트를 표시 연속적인 방식과주기. 각 단어마다 2 초의 간격이 있어야합니다.

두 번째 조건은 DIVClick이라는 div를 클릭하여 배열의 다음 단어를 표시하는 것입니다. 클릭 할 때마다 한 단어를 다음 단어로 가져옵니다.

나는 이것을 위해 여분의 플러그인을 사용하고 싶지 않습니다.

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>