一次只显示一个数组项 (Javascript)

Question

我试图从本质上创建一个代码，它一次显示从数组中获取的单个字符串项。基本上我只是想让它显示一个项目然后过渡到下一个项目，我的 Javascript 技能非常初级（Jquery 可能更适合这个。）

这是我的代码：

 var title= ['Orange', 'Apple', 'Mango', 'Airplane', 'Kiwi'];
for (var i=0; i<title.length; i++){
document.write(title[i]);
}

我必须添加什么？

非常感谢！

原文由 Isaac Nelson 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

从了解 document.getElementById 和 setInterval 开始。

http://jsfiddle.net/wtNhf/

HTML:

 <span id="fruit"></span>

Java脚本：

 var title = ['Orange', 'Apple', 'Mango', 'Airplane', 'Kiwi'];

var i = 0;  // the index of the current item to show

setInterval(function() {            // setInterval makes it run repeatedly
    document
        .getElementById('fruit')
        .innerHTML = title[i++];    // get the item and increment i to move to the next
    if (i == title.length) i = 0;   // reset to first element if you've reached the end
}, 1000);                           // 1000 milliseconds == 1 second

原文由 Trevor Dixon 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我尽量保持最简单

HTML

 <div id="my_id"></div>

Javascript

 var counter = 0;
var words = ['jaja', 'jojo', 'lol', 'troll', 'pk!'];
var my_div = document.getElementById('my_id');

function next_word()
{
    my_div.innerHTML = words[counter % words.length];
    counter += 1;
}

setInterval(next_word, 100);

http://jsfiddle.net/zTLqe/

原文由 bgusach 发布，翻译遵循 CC BY-SA 3.0 许可协议