每15秒运行一次JavaScript代码

Question

我一直试图在我的网页上用jQuery显示随机引用.但是这种while(true) { }方法并没有解决我的问题,但是当我稍微搜索一下时,我发现不建议这样做.

我有一个包含一些字符串的JavaScript数组.

var quotes = new Array();
quotes[0] = "string 1";
quotes[1] = "string 2";
quotes[2] = "string 3";
quotes[3] = "string 4";

这段代码效果很好:

$(function() {
    var random_quote = quotes[Math.floor(Math.random() * quotes.length)]; 
    var $rand = $('div#randomQuote');
    $rand.append(random_quote);
    $rand.hide();
    $rand.fadeIn("500");
});

但是,我试图每隔15秒运行一次以更新报价.

正如我所说的,我尝试了一段时间的真循环和睡眠功能,但它没有用.

我怎样才能做到这一点？

Answer 1

使用 setInterval

setInterval(yourFunction, timeInMilliseconds);

function randomQuote () {
    var random_quote = quotes[Math.floor(Math.random() * quotes.length)]; 
    var $rand = $('div#randomQuote');
    $rand.append(random_quote);
    $rand.hide();
    $rand.fadeIn("500");
}

$(function () {
    setInterval(randomQuote, 15000);
});