javascript boucle de minuterie

Je veux créer un timer qui une fois atteint un certain point, le temporisateur est réinitialisé, puis recommence.

Droit maintenant, j'ai la boucle de mettre en place, et comme un test, je veux la remise à zéro après 5000 ms (5 secondes). Mais le compteur va tout détraquer.

WIP Démo ici: http://jsfiddle.net/stursby/wUHA3/

  • Avant que je clique sur la démo, va planter mon navigateur? :P
  • Le compteur ne s'réinitialiser Firefox...
  • haha non, c'est pas une boucle infinie. Je suis à jour le texte d'un span avec la valeur actuelle du timer... de sorte que la seule chose qui obtient foiré, vous allez voir.
  • Vous pouvez regarder le code de cette question est accepté réponse: stackoverflow.com/questions/8634415/...
  • vous ne savez pas si IE soutient, mais Date.now() est un peu plus propre que new Date().getTime()
InformationsquelleAutor stursby | 2011-12-29
  1. 63

    Au lieu de setTimeout, pensez à utiliser setInterval. Il répétera automatiquement jusqu'à ce que vous désactivez l'intervalle.

    setInterval(myMethod, 5000);

function myMethod( )
{
  //this will repeat every 5 seconds
  //you can reset counter here
}
    • Je suis d'accord, juste pour souligner la raison pour laquelle il est d'avoir le problème décrit est à cause de la ligne var diff = (new Date().getTime() - start) - time; il n'est pas nécessaire pour cette ligne. Il devrait être fait window.setTimeout(instance, 100); au lieu de window.setTimeout(instance, (100 - diff));. Et son problème est résolu.
    • Vous pouvez poster que comme une réponse parce que c'est tout aussi valable. L'OP peut alors décider si cette méthode peut convenir à l'ensemble de leur programme. Alors que setInterval généralement de sens dans un tel cas, votre code directement résout le problème à la main.
    • Pour être complet, pour définir l'intervalle: var timer = setInterval(function(){ doStuff() }, 1000); Au clair par la suite l'intervalle de temps (et de l'arrêt de la minuterie): clearInterval(timer);
    InformationsquelleAutor keyboardP
  2. 6

    Je suis d'accord avec keyboardP que vous devriez probablement utiliser des setInterval au lieu de setTimeout. Cependant, pour répondre à votre question de départ, la raison pour laquelle vous rencontrez des problèmes avec la minuterie est à cause de votre répétition de la logique. Ne pas utiliser:

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

    Vous n'avez pas besoin d'essayer et de tenir compte du temps d'exécution (ce qui je suppose est ce que vous essayiez de le faire avec diff). Il suffit de supposer qu'il est négligeable et l'utilisation:

    setTimeout(instance, 100);

    Et votre problème est résolu, comme vous pouvez le voir dans cette jsFiddle.

    • est-il un moyen facile pour ce incrément de 1 au lieu de 100? Par exemple, 2,1 secondes est 2100, il est un moyen pour arriver à plus de décimales comme 2.154 secondes, ou 2154 sur le compteur?
    • bien que la précision ne sera pas exactement à l'ordre de la milliseconde. Les navigateurs évaluer les délais d'attente/intervalles différemment. En moyenne chaque 13ms un délai d'attente est évaluée. De SORTE que c'est à peu près aussi précis que vous pouvez obtenir, selon le navigateur.
    • Bon, eh bien, je n'aurez pas besoin de visuellement affichage de la temporisation de la ms, je veux juste la précision de 4 chiffres après la virgule, parce que la minuterie va déclencher d'autres événements qui auront besoin de synchronisation basé sur la minuterie et de 2,4 secondes (2400 contre 2418) fait une différence. voici un WIP de démo jsfiddle.net/stursby/zFYUT/5 j'ai encore besoin d'ajouter de la boucle, mais que l'essentiel de ce que je suis en train de le faire (en fin de compte, il ne sera pas visuelle mais)
    • Comme je l'ai dit, les délais d'attente et les intervalles sont évalués de façon différente dans chaque navigateur. Habituellement autour de chaque 14ms ils sont évalués. Ce qui signifie, si vous faites un délai de 1 ms, il peut effectivement prendre n'importe où de 1 à 15. si votre minuterie de ne pas être précis à une milliseconde. Probablement pas, même à 10ms, mais il serait assez proche dans les ordres de 100ms. Meilleur que vous pouvez faire est si vous avez de déclencher un événement à 2418, vous déclenchez une fois le temps ellapsed a dépassée 2418; c'est à peu près le mieux que vous pouvez faire.
    InformationsquelleAutor Chad