JavaScript - jQuery interval

Question

Estoy usando JavaScript con jQuery. Tengo la siguiente secuencia de comandos para alertar hi cada 30 segundos.

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

Quiero alertar hi cuando se carga la página (cuando el documento/página se ha cargado completamente) y en cada intervalo de 30 segundos después (como hi (0s) - hi (30s) - hi (60s) .. etc.) Pero mi solución funciona en dos instancias. Uno en DOM listo y el otro en un bucle. ¿Hay alguna manera de hacer lo mismo en una sola instancia?

Puedes ver mi violín here.

Answer 1

Puede usar setTimeout en su lugar y hacer que la devolución de llamada se reprograme.

$(function() { 
    sayHi(); 

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

Answer 2

Envuelva su código en una función. A continuación, pasar a la función como primer argumento para setInterval, y llamar a la función:

$(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

No, eso no es posible con setInterval. Se podría utilizar setTimeout por ejemplo:

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

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

Answer 4

$(function() { 

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

    heythere(); 

}); 

Si usted quiere que sólo se ejecutan una vez después de 30 segundos, que busca utilizar setTimeout no setInterval.

Answer 5

Bueno, probablemente hay una manera de hacerlo en una sola llamada ..

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

Otra solución sería utilizar arguments.callee, pero ya que ahora es obsoleto, por lo general no se recomienda usarlo

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