¿Hay alguna manera de llamar a una función periódicamente en JavaScript?

Question

¿Hay alguna manera de llamar a una función periódicamente en JavaScript?

Answer 1

¿Quieres setInterval():

var intervalID = setInterval(function(){alert("Interval reached");}, 5000); 

El primer parámetro a setInterval() también puede ser una cadena de código para ser evaluados.

puede borrar una función periódica con:

clearInterval(intervalID); 

Answer 2

sí - echa un vistazo a setInterval and setTimeout para ejecutar el código en determinados momentos. setInterval sería el que se usará para ejecutar el código periódicamente.

Ver un demo and answer here para el uso

Answer 3

Usted tendrá que echar un vistazo a setInterval() y setTimeout().

Aquí hay un decent tutorial article.

Answer 4

Desde desea que la función que se ejecuta periódicamente , utilice setInterval

Answer 5

function test() { 
alert('called!'); 
} 
var id = setInterval('test();', 10000); //call test every 10 seconds. 
function stop() { // call this to stop your interval. 
    clearInterval(id); 
} 

Answer 6

Cada uno tiene una solución setInterval setTimeout/ya. Creo que es importante tener en cuenta que puede pasar funciones a setInterval, no solo cadenas. Es probable que sea un poco más "seguro" pasar funciones reales en lugar de cadenas que serán "evadidas" a esas funciones.

// example 1 
function test() { 
    alert('called'); 
} 
var interval = setInterval(test, 10000); 

O:

// example 2 
var counter = 0; 
var interval = setInterval(function() { alert("#"+counter++); }, 5000); 

Answer 7

La forma nativa es de hecho setInterval()/clearInterval(), pero si usted ya está usando la biblioteca Prototype usted puede tomar ventaja de PeriodicalExecutor:

new PeriodicalUpdator(myEvent, seconds); 

Esto evita llamadas superpuestas. De http://www.prototypejs.org/api/periodicalExecuter:

"que le protege contra múltiples ejecuciones paralelas de la función de devolución de llamada, debe tomar más tiempo que el intervalo dado para ejecutar (que mantiene una interna‘funcionamiento’de la bandera, que está protegida contra excepciones en la devolución de llamada función). Esto es especialmente útil si usa uno para interactuar con el usuario a intervalos determinados (por ejemplo, usar un aviso o confirmar una llamada): esto evitará que múltiples cuadros de mensajes estén esperando ser activados ".

Answer 8

Tenga en cuenta que setInterval() a menudo no es la mejor solución para la ejecución periódica - Es muy depende de lo javascript en realidad estás llamando periódicamente.

por ejemplo. Si usa setInterval() con un período de 1000ms y en la función periódica realiza una llamada ajax que ocasionalmente tarda 2 segundos en regresar, hará otra llamada ajax antes de que la primera respuesta regrese. Esto generalmente no es deseable.

Muchas bibliotecas tienen métodos periódicos que protegen contra las trampas de usar setInterval ingenuamente, como el ejemplo de prototipo dado por Nelson.

Para lograr la ejecución periódica más robusto con una función que tiene una llamada ajax jQuery en ella, considere algo como esto:

function myPeriodicMethod() { 
    $.ajax({ 
    url: ..., 
    success: function(data) { 
     ... 
    }, 
    complete: function() { 
     // schedule the next request *only* when the current one is complete: 
     setTimeout(myPeriodicMethod, 1000); 
    } 
    }); 
} 

// schedule the first invocation: 
setTimeout(myPeriodicMethod, 1000); 

Otro enfoque es utilizar setTimeout pero medir el tiempo transcurrido en una variable y luego configure el tiempo de espera de cada invocación dinámicamente para ejecutar una función tan cerca del intervalo deseado como sea posible, pero nunca más rápido de lo que puede obtener respuestas de vuelta.

Answer 9

Pregunta anterior pero ... También necesitaba un corredor de tareas periódicas y escribí TaskTimer. Esto también es útil cuando necesita ejecutar múltiples tareas en diferentes intervalos.

// Timer with 1000ms (1 second) base interval resolution. 
var timer = new TaskTimer(1000) 

// Add task(s) based on tick intervals. 
timer.addTask({ 
    name: 'job1',  // unique name of the task 
    tickInterval: 5, // run every 5 ticks (5 x interval = 5000 ms) 
    totalRuns: 10,  // run 10 times only. (set to 0 for unlimited times) 
    callback: function (task) { 
     // code to be executed on each run 
     console.log(task.name + ' task has run ' + task.currentRuns + ' times.'); 
    } 
}); 

// Start the timer 
timer.start(); 

TaskTimer funciona tanto en el navegador y el Nodo. Ver documentation para todas las funciones.