Question

I am using a jQuery script that shows a random slogan from an array on page load. However I want this slogan to be changed every 6 sec. How can I do this?

http://jsfiddle.net/EA4eh/"rel=“nofollow”> 这是一种工作障碍:

$(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);
}

<>Update: 两行的行文,防止同一短语在一行中重复二次,以利衡量。

Answer 2

这将改变限定时间的措辞,但必须使用Jquery Timers Plugin 。

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

友情链接