[英]Only display one array item at a time (Javascript)
我試圖基本上創建一個自動收報機,它顯示一次從數組中取出的單個字符串項。 基本上,我只希望它顯示一個項目然后過渡到下一個項目,我的Javascript技能非常初級(jQuery可能對此更好)。
這是我的代碼:
var title= ['Orange', 'Apple', 'Mango', 'Airplane', 'Kiwi'];
for (var i=0; i<title.length; i++){
document.write(title[i]);
}
我需要添加什么?
謝謝你!
首先學習document.getElementById
和setInterval
。
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
JS
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}
我試着把它保持在最簡單的狀態
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);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.