javascript timer loop

Question

Quiero crear un temporizador que una vez que llega a cierto punto, el temporizador se restablece, y luego comienza de nuevo.

Ahora mismo, tengo configurado el lazo, y como prueba quiero que se restablezca después de 5000 ms (5 segundos). Pero el contador se vuelve loco.

WIP demo aquí: http://jsfiddle.net/stursby/wUHA3/

Answer 1

En lugar de setTimeout, setInterval considere usar. Se repetirá automáticamente hasta que borre el intervalo.

setInterval(myMethod, 5000); 

function myMethod() 
{ 
    //this will repeat every 5 seconds 
    //you can reset counter here 
} 

Answer 2

Estoy de acuerdo con keyboardP que probablemente debería estar utilizando en lugar de setIntervalsetTimeout. Sin embargo, para responder a su pregunta original, la razón por la que tiene problemas con el temporizador es debido a su lógica de repetición. No utilice:

var diff = (new Date().getTime() - start) - time; 
window.setTimeout(instance, (100 - diff)); 

No es necesario probar y dar cuenta de tiempo de ejecución (que supongo que es lo que estaba tratando de hacer con diff). Sólo asuma que es insignificante y uso:

setTimeout(instance, 100); 

Y el problema se ha resuelto, como se puede ver en this jsFiddle.

Answer 3

tratar esta referencia simple javasvript jquery timer su trabajo a la perfección y tiene una fuente libre