jQuery的添加暫停時以隨機文本陣列

Question

我，每一次改變文本的點擊一個鏈接，但我試圖找到時自動切換到下一個變量一段時間後，有點像一個旋轉的方式。

這是我有：

$(document).ready(function() { 
    var quotes = [ 
     'Link 1', 
     'Link 2', 
     'Link 3', 
     'Link 4', 
     'Link 5', 
     'Link 6' 
    ]; 

    function loadQuote(i) { 
     return quotes[i]; 
    } 

    function randNumber() { 
     return Math.floor(Math.random() * quotes.length); 
    } 
    $('#button-reload').click(function() { 
      $(this).html(loadQuote(randNumber())); 
    }); 
    $('#button-reload').html(loadQuote(randNumber())); 
});​ 

，這裏是一個jsfiddle

什麼想法？

Answer 1

$(document).ready(function() { 
    var quotes = [ 
     'Link 1', 
     'Link 2', 
     'Link 3', 
     'Link 4', 
     'Link 5', 
     'Link 6' 
    ]; 

    var $theLink = $('#button-reload'); 

    function loadQuote(i) { 
     return quotes[i]; 
    } 

    function randNumber() { 
     return Math.floor(Math.random() * quotes.length); 
    } 

    function changeTheQuote() { 
     $theLink.html(loadQuote(randNumber())); 
    } 

    var interval = window.setInterval(function(){ 
     changeTheQuote(); 
    }, 3000); 

    $theLink.click(function() { 
     window.clearInterval(interval); 
     changeTheQuote(); 
     interval = window.setInterval(function(){ 
      changeTheQuote(); 
     }, 3000); 
    }); 
}); 

Answer 2

嘗試使用window.setInterval()像代碼波紋管：

$(document).ready(function() { 
    var quotes = [ 
     'Link 1', 
     'Link 2', 
     'Link 3', 
     'Link 4', 
     'Link 5', 
     'Link 6' 
    ]; 

    function loadQuote(i) { 
     return quotes[i]; 
    } 

    function randNumber() { 
     return Math.floor(Math.random() * quotes.length); 
    } 

    var interval = window.setInterval(function(){ 
     $('#button-reload').html(loadQuote(randNumber()));    
    }, 3000); 

    $('#button-reload').click(function() { 
     $(this).html(loadQuote(randNumber())); 

     //uncomment line bellow to stop intarval when button clicked. 
     //window.clearInterval(interval); 
    }); 
});