一次只顯示一個數組項（Javascript）

我試圖從本質上創建一個代碼，它一次顯示從數組中取出的單個字符串項目。基本上，我只是想讓它顯示一個單一的項目，然後過渡到下一個，我的JavaScript技能是大量基本的一次只顯示一個數組項（Javascript）

這裏是我的代碼（jQuery的可能是這更好的。）：

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

怎麼辦我必須補充？

非常感謝！

來源

2013-03-28 Isaac Nelson

* 「我的JavaScript技能是大量基本的」 * *主場迎戰「jQuery的可能會更好地爲這個」 *。 ** No！** _First_掌握語言，然後_使用框架來擺脫所有討厭的東西。另外，目前你只能一次寫完所有的東西。您應該瞭解DOM操作。 – Zeta

不要使用document.write，請閱讀使用innerHTML。 –

從瞭解document.getElementById和setInterval開始。

http://jsfiddle.net/wtNhf/

HTML：

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

的Javascript：

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

來源

2013-03-28 21:03:52

http://jsfiddle.net/3fj9E/1/

var span = $('span'); 
var div = 0; 
var fading_in = function() { 
$(span[div++] || []).fadeIn(500, arguments.callee); 
} 
setTimeout(fading_in, 400);

HTML

<div id='example'> 
<span>orange </span> 
<span>apple </span> 
<span>kiwi </span> 
<span>banana </span> 
<span> melon</span> 
</div>

CSS

span {display:none}

來源

2013-03-28 21:04:03

這是一種不同於爲DOM元素設定間隔的方法 –

我試圖保持它在其最簡單的

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/

來源

2013-03-28 21:10:40 bgusach

一次只顯示一個數組項（Javascript）

回答

相關問題