Question

我有以下数组

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

我想做以下两项任务：

循环遍历此数组，并以连续的方式和循环逐个显示一个名为DIVCont的div中的文本。每个单词应该有两秒的间隙。

我的第二个要求是能够点击名为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>

循环数组和显示文本

1 个答案: