15秒ごとにJavaScriptコードを実行

Question

私はjQueryを使用して自分のWebページにランダムな引用を表示しようとしています。しかし、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

使用setIntervalnew Array()コンストラクタを使用

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

Answer 2

var quotes = ["string 1", "string 2", "string 3", "string 4"]; 

$(function() { 

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

    setInterval(function() { doQuote() }, 150000); 
}); 

は悪い習慣と見なされ、配列リテラルを定義する好ましい方法です。