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

new Array() 생성자를 사용하여 사용이 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); 
}); 

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

나쁜 연습과 배열 리터럴 정의 간주하는 것은 바람직한 방법이다.