Webinventif

Vous avez toujours rêvé de maitriser le temps qui passe ?

Non ce n'est pas une pub pour une crème rajeunissante ! Mais pour un nouveau petit script jquery (oui je sais, encore) qui va vous aider à temporiser des actions !

jQuery Timers permet:

• id interne pour vos setTimeout et setInterval pour un meilleur contrôle sur leur arrêt
• possibilité de donner un nom (label) a vos différents objets temps pour des fonctionnement simultanés
• limitation par nombre des intervalles
• définition de la temporisation possible en secondes (ou autre unités)

Mise en place:

• Comme d'habitude, on commence par inclure le framework jquery
  <script type='text/javascript' src='jquery.js'></script>
• Ensuite on intègre le plugin jquery timers
  <script type='text/javascript' src='jquery.timers.js'></script>
• Ensuite par exemple pour "compter" les secondes (dans un fichier .js par exemple)
  $("#ma_div").everyTime(1000,function(i) {
       $(this).html(i);
  });

  Donc là on va afficher un compteur dans la div "ma_div" qui va augmenter chaque secondes

• Ici une action qui sera exécuter une seule fois, après 5 secondes on affiche "trop tard" dans la div "ma_div"
  $("#ma_div").oneTime("5s", function() {
       $(this).text("Trop tard");
  });

Voir la démo (incluant 4 exemples)