我试图在<span>
上随机显示一些单词,我有一个带有淡入淡出效果的jQuery,但我无法使这些单词变得随机。
我不知道我在哪里做错了,我在Stack上看到了这个,但它没有用......
帮助!
的Javascript
var words = [
'',
'Special',
'Dynamic',
'Simple',
'Great',
'Better',
'Stronger',
'Stylish',
'Flawless',
'Envied',
'Strong',
'Sucessful',
'Grow',
'Innovate',
'Global',
'Knowledgable',
'Unique',
'Trusted',
'Efficient',
'Reliable',
'Stable',
'Secure',
'Sofisticated',
'Evolving',
'Colorful',
'Admirable',
'Sexy',
'Trending',
'Shine',
'Noted',
'Famous',
'Inspiring',
'Important',
'Bigger',
'Stylish',
'Expand',
'Proud',
'Awesome',
'Solid'
], i = 0;
var getRandomWord = function () {
return words[Math.floor(Math.random() * words.length)];
};
setInterval(function(){
$('.textbox').fadeOut(500, function(){
$(this).html(words[i=(i+1)%words.length]).fadeIn(500);
});
// 2 seconds
}, 5000);
答案 0 :(得分:2)
你需要
a)等到页面加载
b)使用您定义的功能
$(function() { // after page load
setInterval(function(){
$('.textbox').fadeOut(500, function(){
$(this).html(getRandomWord()).fadeIn(500);
});
// 5 seconds
}, 5000);
});