pętla timera javascript

Question

Chcę utworzyć zegar, który po osiągnięciu określonego punktu resetuje zegar, a następnie rozpoczyna się od nowa.

W tej chwili mam ustawioną pętlę, a jako test chcę ją zresetować po 5000 ms (5 sekund). Ale licznik przechodzi wszystkie szaleństwa.

WIP Demo tutaj: http://jsfiddle.net/stursby/wUHA3/

Answer 1

Zamiast setTimeout, należy rozważyć użycie setInterval. Powtarza się automatycznie, dopóki nie usuniesz przerwy.

setInterval(myMethod, 5000); 

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

Answer 2

zgadzam się z keyboardP że powinieneś być korzystając setInterval zamiast setTimeout. Jednak, aby odpowiedzieć na pierwotne pytanie, przyczyną problemów z timerem jest logika powtórzeń. Nie stosować:

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

Nie trzeba spróbować i konto na czas wykonania (które zakładam, że jest to, co staraliśmy się zrobić z diff). Wystarczy założyć, że jest nieistotny i zastosowanie:

setTimeout(instance, 100); 

A twój problem zostanie rozwiązany, jak widać w this jsFiddle.

Answer 3

spróbować to odniesienie simple javasvript jquery timer swoją pracę doskonale i ma wolne źródło