一次仅显示一个数组项(Javascript)
我试图创建一个ticker,它一次显示一个数组中的单个字符串项。基本上,我只想让它显示一个项目,然后转换到下一个项目,我的Javascript技能非常初级(Jquery可能更适合这一点) 这是我的密码:一次仅显示一个数组项(Javascript),javascript,arrays,loops,Javascript,Arrays,Loops,我试图创建一个ticker,它一次显示一个数组中的单个字符串项。基本上,我只想让它显示一个项目,然后转换到下一个项目,我的Javascript技能非常初级(Jquery可能更适合这一点) 这是我的密码: var title= ['Orange', 'Apple', 'Mango', 'Airplane', 'Kiwi']; for (var i=0; i<title.length; i++){ document.write(title[i]); } var title=[‘橙色’、‘苹果
var title= ['Orange', 'Apple', 'Mango', 'Airplane', 'Kiwi'];
for (var i=0; i<title.length; i++){
document.write(title[i]);
}
var title=[‘橙色’、‘苹果’、‘芒果’、‘飞机’、‘猕猴桃’];
对于(var i=0;i来说,首先学习document.getElementById
和setInterval
HTML:
js
html
我尽量使它保持最简单的状态
HTML
“我的Javascript技能非常初级”,而“Jquery可能更适合于此”.不!首先掌握该语言,然后使用框架来消除所有讨厌的东西。此外,目前您只需一次性编写所有东西。您应该了解DOM操作。不要使用document.write,请仔细阅读使用innerHTML。这与为本质上在DOM数组中的html元素设置间隔不同
<span id="fruit"></span>
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
var span = $('span');
var div = 0;
var fading_in = function () {
$(span[div++] || []).fadeIn(500, arguments.callee);
}
setTimeout(fading_in, 400);
<div id='example'>
<span>orange </span>
<span>apple </span>
<span>kiwi </span>
<span>banana </span>
<span> melon</span>
</div>
span {display:none}
<div id="my_id"></div>
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);