Achetez et vendez votre matériel multimédia d'occasion sur notre service de petites annonces informatiques gratuites

Compte à rebours jours, heures, minutes et secondes en JavaScript

Tutoriaux > Javascript > Compte à rebours jours, heures, minutes et secondes en JavaScript

Compte à rebours jours, heures, minutes et secondes en JavaScript
Petite explication sur la manière de faire un compte à rebours en JavaScript, pour un lancement, etc. Rapide et efficace !

Bonjour,

Comme on m'a demandé plusieurs fois un script Javascript (JS) pour mettre en place un compte à rebours sur un site internet, je vais vous donner un petit script qui indique le nombre de jours, d'heures, de minutes, et de secondes restantes avant un évênement (dont bien sûr, vous fixez la date).

Code à insérer


Voici le bout de code à insérer où vous le souhaitez :

<label id="Compte"></label>
<script type="text/JavaScript">
var Affiche=document.getElementById("Compte");
function Rebour() {
var date1 = new Date();
var date2 = new Date ("Oct 1 00:00:00 2008");
var sec = (date2 - date1) / 1000;
var n = 24 * 3600;
if (sec > 0) {
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
Affiche.innerHTML = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
}
tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
</script>



A modifier : Pour choisir votre date, il vous suffit de changer concernant "date2" : ("Oct 1 00:00:00 2008")

Le mois est à laisser en trois lettres, 1 est le jour du mois (il ne sert à rien de mettre un 0), et 00:00:00 représente heures:minutes:secondes.

Bien entendu, le compte à rebours est dynamique et s'actualise tout seul...Sourire

Par habboalexandre , Le 18 Septembre 2008 à 18h52
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à Javascript

Ajouter un commentaire

Suite a un fort volume de spam, les commentaires d'invités sont pour le moment désactivés. Vous devez vous inscrire ou vous identifier pour pouvoir commenter cet article, ou demander du support.

Lectures recommandées

Commentaires sur cet article

Kingkids7948 - Le 15 Février 2012 à 11h40

Comment on change la taille?

guiyo - Le 11 Février 2012 à 15h36

merci c'est inpec

CB - Le 01 Mai 2011 à 09h15

Si ça peut aider certains, voici un code à peut près similaire :
http://dewep.net/Tutoriel-5/Compte-a-rebours-JavaScript

Romrom - Le 13 Décembre 2010 à 21h50

Merci pour le script, vraiment parfait !

PITCHOUNE73 - Le 18 Novembre 2010 à 19h30

Bonjour,

Merci pour votre script, c'est exactement ce que je recherche.
J'aimerai ajouter quelques donnees comme ajouter un texte a la fin du compte a rebours mais je ne sais pas ou l'inserer et ne connais pas le code non plus.
Egalement supprimer les "s" au jours, heures, minutes lorsqu'il ne reste plus qu'un jour, etc...
Pouvez-vous medire comment faire ?
En vous remerciant a l'avance.

Seb - Le 02 Novembre 2010 à 07h29

Salut, merci pour ce code!
Mais en fait je ne sais pas du tout où il faut écrire ce code....
Sur une truc genre xxx.php mais le quel? je nage complet.... j'ai essayé sur le header, le index... ça bug...
J'ai une boutique Prestashop, j'aimerai l'insérer en page d'accueil...
Merci d'avance pour un tuto pour newbie....

Seb

Lezouave33 - Le 26 Août 2010 à 13h47

Bravo ! Et merci pour ce code.

Kenny - Le 17 Août 2010 à 22h39

Comment on fait pour recuperer dynamiquement par le biais de la fonction DATE en php la date du serveur ?

Dreamer - Le 31 Juillet 2010 à 01h04

en réponse à Neoxyde

il te suffit de remplacer

var date1 = new Date();

par

var date1 = new Date("xxxx");

et a la place des XXXX tu recupere dynamiquement par le biais de la fonction DATE en php la date du serveur par exemple

Neoxyde - Le 08 Juillet 2010 à 13h03

Une petite question. Le compteur s'actualise selon l'heure et la date de l'ordinateur. Y a t il possibilité de la fixer par rapport à un fuseau horaire?
Merci d'avance

mazda - Le 15 Juin 2010 à 02h34

Merçi ça marche bien

Pouzy - Le 12 Juin 2010 à 18h25

L'un est Jun, l'autre JulClin d'oeil

Bane - Le 12 Juin 2010 à 14h21

Auh... Juste un truc, comment on différencie juin et juillet si on doit l'indiquer en 3 lettres? C'est les 3 premières lettres en anglais?

Barricade - Le 27 Mai 2010 à 02h44

Merci

DrakoMino - Le 11 Juillet 2009 à 05h17

merci pour votre aide

~GoT~ - Le 12 Octobre 2008 à 18h21

Dommage que tu n'explique pas comment placer un événement

Tutoriaux > Javascript > Compte à rebours jours, heures, minutes et secondes en JavaScript