修改简单的jQuery脚本以随机化文本与计时器

Question

我正在使用jQuery脚本，显示页面加载时从数组的随机标语。 但是我希望这个口号每6秒更换一次。我怎样才能做到这一点？

This is a working fiddle这里是代码：

$(document).ready(function() { 
    phrases = [ 
     "a creative Chicago design shop", 
     "design is simple", 
     "we build fine, fine things", 
     "we love creating" 
    ]; 

    var phrase = phrases[Math.floor(Math.random()*phrases.length)] 
    $('#site').text(phrase); 
}); 

Answer 1

Fiddle!

$(document).ready(function() { 
    changePhrase(); 
    var rotate = setInterval(changePhrase, 6000); 
}); 

function changePhrase() { 
    phrases = [ 
     "a creative Chicago design shop", 
     "design is simple", 
     "we build fine, fine things", 
     "we love creating" 
    ]; 

    currentPhrase = $('#site').text(); 
    if (phrases.indexOf(currentPhrase)) phrases.splice(phrases.indexOf(currentPhrase), 1); // remove current phrase from array to prevent repetitions 

    var phrase = phrases[Math.floor(Math.random()*phrases.length)] 
    $('#site').text(phrase); 
} 

更新：在两班轮时抛出，防止同一短语的重复一排好两次在测量。

Answer 2

这将改变短语无限的时间，但你必须使用JQuery的计时器插件。

$(document).everyTime(1000, function(i) { 
    var phrase = phrases[Math.floor(Math.random()*phrases.length)] 
$('#site').text(phrase); 
}, 0);