jQuery隨機動態單詞

Question

我想隨機在<span>上顯示一些單詞，我使用了帶有淡出效果的jQuery，但我不能讓這些單詞變成隨機的。

我不知道林做錯了，我在這裏看到了這對堆棧，但其不工作...

幫助！

的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); 

Answer 1

您需要

一）等到頁面加載

B）使用你定義

Live Demo

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

功能