jQuery随机动态单词

时间:2014-03-30 15:54:49

标签: javascript jquery random words

我试图在<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);

1 个答案:

答案 0 :(得分:2)

你需要

a)等到页面加载

b)使用您定义的功能

Live Demo

$(function() { // after page load
  setInterval(function(){
    $('.textbox').fadeOut(500, function(){
      $(this).html(getRandomWord()).fadeIn(500);
    });
  // 5 seconds
  }, 5000);
});