JavaScript - Khoảng thời gian jQuery

Question

Tôi đang sử dụng JavaScript với jQuery. Tôi có đoạn mã sau để cảnh báo hi cứ 30 giây một lần.

$(document).ready(function() { 
    alert("hi"); 
setInterval(function() { 
    alert("hi"); 
}, 30000); 
}); 

tôi muốn thông báo với hi khi tải trang (khi tài liệu/trang bị hoàn toàn tải) và trên mỗi khoảng thời gian 30 giây sau đó (như hi (0s) - hi (30s) - hi (60) .. v.v.) Nhưng giải pháp của tôi hoạt động trên hai trường hợp. Một trên DOM sẵn sàng và một trong một vòng lặp. Có cách nào để làm tương tự trong một trường hợp duy nhất?

Bạn có thể xem fiddle here của mình.

Answer 1

Bạn có thể sử dụng setTimeout thay thế và tự động lên lịch lại cuộc gọi lại.

$(function() { 
    sayHi(); 

    function sayHi() { 
     setTimeout(sayHi,30000); 
     alert('hi'); 
    } 
}); 

Answer 2

Quấn mã của bạn vào một hàm. Sau đó, thông qua các chức năng như một cuộc tranh luận đầu tiên setInterval, và gọi hàm:

$(document).ready(function() { 
    //Definition of the function (non-global, because of the previous line) 
    function hi(){ 
     alert("hi"); 
    } 

    //set an interval 
    setInterval(hi, 30000); 

    //Call the function 
    hi(); 
}); 

Answer 3

Không, đó là không thể với setInterval. Bạn có thể sử dụng setTimeout ví dụ:

function foo() { 
    alert('hi'); 
    setTimeout(foo, 30000); 
} 

$(function() { 
    foo(); 
}); 

Answer 4

$(function() { 

    function heythere() { 
     alert('hi'); 
     setTimeout(heythere,30000); 
    } 

    heythere(); 

}); 

Nếu bạn muốn nó chỉ chạy một lần sau 30 giây, bạn đang tìm kiếm để sử dụng setTimeout không setInterval.

Answer 5

Vâng, có lẽ là một cách để làm việc đó chỉ trong một cuộc gọi ..

setInterval(
    (function x() { 
     alert('hi'); 
     return x; 
    })(), 30000); 

Một giải pháp sẽ được sử dụng arguments.callee, nhưng như bây giờ bị phản đối, nó thường không được khuyến khích để sử dụng nó.

setInterval(
    (function() { 
     alert('hi'); 
     return arguments.callee; 
    })(), 30000);