2 années ago
3140 Views

Réaliser un compte à rebours en HTML5 et javascript

Ecrit par


Voici un widget qui réalise un compte à rebours pour votre page web. Il se matérialise sous forme d’une horloge de type aéroport et qui peut être stylisée à souhait.

Le compte à rebours peut être utilisé de deux façons :

  1. Indiquez une date cible. (Année, mois, jour, heure, minute, seconde)
  2. Spécifiez un nombre total de secondes pour le compte à rebours.

Configurer pour utiliser des images externes (comme indiqué ci-dessus), ou utiliser sans images comme on le voit dans les exemples à droite.

Pour utiliser le compte à rebours, insérer les lignes de code suivantes dans votre page :

Ce qui suit va dans le <head> de votre page :

<script src="countdown.js"></script>


Ce qui suit peut aller n’importe où dans le <body> de votre page web :

<script>
var = new myCountdown1 Countdown ({temps: 316});
</script>

Le compte à rebours est généré à l’aide d’un code javascript autonome qui ne nécessite pas de dépendances telles que jQuery, motools, prototype ou similaire.
On doit le script original à Gieson et vous pouvez télécharger la version traduite en français ici
Bon code à tous !

Article Categories:
Techniques

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.