jQuery làm thế nào để làm cho sự kiện xảy ra mỗi x giây?

Question

$("#clickMe").click(         
    function(){ 
      if (i == 1) {    
       i = i+1 
       $("#div p").css("left", "-" + width * i + "px"); 
      } 
}); 

Như bạn có thể thấy thay đổi -margin khi ai đó nhấp vào nút. Điều gì sẽ xảy ra nếu tôi muốn nó xảy ra ngay trên trang tải mỗi 10 giây?

Cảm ơn.

Answer 1

Sử dụng setInterval để thiết lập một sự kiện theo thời gian:

setInterval(
    function(){ 
      if (i == 1) {    
       i = i+1 
       $("#div p").css("left", "-" + width * i + "px"); 
      } 
    }, 
    10000 /* 10000 ms = 10 sec */ 
); 

Answer 2

Sử dụng setInterval chức năng.

Answer 3

var cancel_margin_change = false; 
$(function() { 

    var i = 1, width = 10, xtime = 10000, 
     margin_change = function() { 

      if (i == 1) 
      $("#div p").css("left", "-" + (width * (++i)) + "px"); 

      if (!cancel_margin_change) 
      setTimeout(margin_change, xtime); 
     }; 

    margin_change(); 

});