Javascript Girl
  1. Javascript Girl
  3. Obtenir FlipClock.js pour arrêter après avoir compté jusqu'à un nombre
Intereting Posts
JQuery Validez le formulaire d'arrêt Angulaire, limite et suivi par indice de $ Accéder dynamiquement à la propriété d'objet à l'aide d'une variable Pourquoi le modèle ng ne met pas à jour la sélection de la valeur du contrôleur? Le téléchargement / le formulaire de fichier AJAX sans jquery ou iframes? Comment désactiver "empêcher cette page de créer des boîtes de dialogue supplémentaires"? Pourquoi la fonction dans l'annulation en ligne DI angulaire est-elle un élément de tableau? Comment analyser JSON en utilisant Node.js? Comment préférez l'image dans GWT? Comment appeler un fichier javascript externe en PHP? La fuite de la mémoire de la méthode jQuery load ()? Comment forquer un processus d'un autre module La variable mutable est accessible depuis la fermeture. Comment puis-je réparer cela? Comment savoir si l'événement $ (window) .load () / window.onload a déjà déclenché? Détecter la direction de la sélection de l'utilisateur avec javascript

Obtenir FlipClock.js pour arrêter après avoir compté jusqu'à un nombre

J'ai des problèmes pour que FlipClock.js s'arrête après qu'il atteigne un compte spécifique. J'ai essayé d'utiliser l' clock.stop(); " clock.stop(); " mais cela ne fonctionne pas même après de nombreuses tentatives pour définir un "arrêt". C'est le code que j'ai qui fonctionne pour mon compteur: 

 <script type="text/javascript"> var clock; $(document).ready(function() { // Instantiate a counter clock = new FlipClock($('.clock'), { clockFace: 'Counter', minimumDigits: 4, }); setTimeout(function() { setInterval(function() { clock.increment(); }, 0.1); }); }); </script>

Des idées sur la façon de configurer mon compteur pour s'arrêter à "300"? Toute aide est grandement appréciée!

EDIT: Les rappels de FlipClock ne sont pas appelés

Il semble y avoir un bug dans les rappels de FlipClock.

Voici une solution alternative (vous semblez avoir beaucoup de code supplémentaire, pas sûr de pourquoi, c'est une version découpée): 

  var clock,countup; clock = new FlipClock($('h1'), { clockFace: 'Counter', minimumDigits: 4 }); countup = setInterval(function() { if(clock.getTime().time > 300) { clock.stop(); clearInterval(countup); } },500);

Consultez flipclockjs.com pour la documentation sur les rappels.

Ce qui suit est un exemple: 

  var clock,countup; clock = new FlipClock($('.clock'), { clockFace: 'Counter', minimumDigits: 4, callbacks: { interval: function() { var time = clock.getTime().time; if(time > 300) { clearInterval(countup); } } } }); setTimeout(function() { countup = setInterval(function() { clock.increment(); }, 0.1); });

Vous rock Adam … C'est ce qui a fonctionné à la fin … 

 var clock,countup; clock = new FlipClock($('.clock'), { clockFace: 'Counter', minimumDigits: 4, }); countup = setInterval(function() { clock.increment(); if(clock.getTime().time > 300) { clock.stop(); clearInterval(countup); } }, 0);