begin process at 2010 03 21 20:06:55
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Date & Heure

 > COMPTE À REBOURS POUR ÉVÉNEMENT

COMPTE À REBOURS POUR ÉVÉNEMENT


 Information sur la source

Note :
9 / 10 - par 2 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Date & Heure Classé sous :compte, rebours, date, heure, tache Niveau :Débutant Date de création :10/05/2008 Date de mise à jour :13/05/2008 19:01:42 Vu :14 168
Auteur : CSIBern

Ecrire un message privé
Site perso
Commentaire sur cette source (35)
Ajouter un commentaire et/ou une note

 Description

Petit script de compte à rebours pouvant mentionner le nombre de jours, d'heures, de minutes et de secondes restantes.
De plus, il offre un message différent une fois l'événement en cours ou dépassé.
Enfin, le compte à rebours est aussi inscrit dans la barre des tâches.

Code à placer dans la balise <BODY></BODY> à l'emplacement voulu.
Le code n'a volontairement pas été simplifié pour comprendre les différentes étapes.

Ah, et si vous le souhaitez, c'est pour un tournois international de baseball à Monthey en Suisse en septembre 2008 alors vous pouvez venir faire un tour ;o)

Source

  • <label id="Compte"></label>
  • <script type="text/JavaScript">
  • var Affiche=document.getElementById("Compte");
  • function Rebour() {
  • var date1 = new Date();
  • var date2 = new Date ("Sep 5 17:00:00 2008"); // Date et heure de l'événement
  • var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
  • var n = 24 * 3600; //nombre de secondes dans un jour
  • 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 +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
  • window.status = "Temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
  • }
  • else if (Math.abs(sec) < (3 * n)) { // Durée de l'événement
  • Affiche.innerHTML = "Temps restant : Le tournoi est en cours, venez profiter du spectacle";
  • window.status = "Temps restant : Le tournoi est en cours, venez profiter du spectacle";
  • }
  • else {
  • Affiche.innerHTML = "Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site";
  • window.status = "Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site";
  • }
  • tRebour=setTimeout ("Rebour();", 1000);
  • }
  • Rebour();
  • </script>
<label id="Compte"></label>
<script type="text/JavaScript">
var Affiche=document.getElementById("Compte");
function Rebour() {
var date1 = new Date();
var date2 = new Date ("Sep 5 17:00:00 2008"); // Date et heure de l'événement
var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
var n = 24 * 3600; //nombre de secondes dans un jour
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 +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
    window.status = "Temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
}
else if (Math.abs(sec) < (3 * n)) { // Durée de l'événement
    Affiche.innerHTML = "Temps restant : Le tournoi est en cours, venez profiter du spectacle";
    window.status = "Temps restant : Le tournoi est en cours, venez profiter du spectacle";
}
else {
    Affiche.innerHTML = "Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site";
    window.status = "Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site";
}

tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
</script>



 Historique

10 mai 2008 10:44:13 :
Oublie dans la description
10 mai 2008 12:50:42 :
Correction par Bultez permettant au compte à rebours d'être live et de placer entièrement le code dans la balise <BODY>
10 mai 2008 12:52:46 :
Modification description
13 mai 2008 19:01:42 :
Simplification du code

 Sources du même auteur

Source avec Zip Source avec une capture STRIKER BASEBALL
Toutes les sources de CSIBern

 Sources de la même categorie

Source avec Zip CHRONOMÈTRE AMÉLIORÉ par Kolosta
Source avec Zip SLEEP() SANS BOUCLE D'ATTENTE CONSOMMATRICE par Phildepantin
Source avec Zip AFFICHAGE DE L'HEURE ET DU FUSEAU HORAIRE (TIMEZONE) SUR LA ... par navylav2
Source avec Zip Source avec une capture HORLOGE TRIPLE AFFICHAGE AU FORMAT AM/PM/24H/DST par sofiane1234
Source avec Zip Source avec une capture HORLOGE NUMÉRIQUE EN JAVASCRIPT, COMPATIBLE IE ET FF par bad_dark_spirit
Toutes les sources de la catégorie Date & Heure

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture HORLOGE TRIPLE AFFICHAGE AU FORMAT AM/PM/24H/DST par sofiane1234
Source avec Zip Source avec une capture HORLOGE NUMÉRIQUE EN JAVASCRIPT, COMPATIBLE IE ET FF par bad_dark_spirit
Source avec Zip HEURE, DATE DU JOUR DE L'INTERNAUTE ET FÊTE À SOUHAITER. par sneezy
Source avec Zip PETITE CLASSE DE TIMERS par kankrelune
COMPTE À REBOURS AVEC LIEN DE REDIRECTION QUAND IL EST FINI par franco_se

Commentaires et avis

Commentaire de lakichemole le 13/05/2008 10:29:07

Petite question pourquoi dans ton code tu calcul une premièere fois les minute et les heures "mn = sec / 60;    h = mn /60;" si c'est pour les recalculer après ? C'était la première version? :)

Commentaire de CSIBern le 13/05/2008 16:59:07

En fait, la première fois je calcule le nombre de minutes (par exemple) totales restant jusqu'au moment m alors que la 2ème fois, c'est le nombre de minutes totales moins le nombre de minutes déjà comprises dans les heures et les jours. Le calcul pourrait bien évidemment être simplifié, mais pour des raisons personnelles de compréhension, j'ai préféré tout développer. A chacun sa méthode.

Merci de ton commentaire Lakichemole.

Commentaire de lakichemole le 13/05/2008 17:46:31

Non mais ok mais tu écris ça :
    mn = sec / 60;
    h = mn /60;
    j = Math.floor (sec / (24 * 3600));
    h = Math.floor ((sec - (j * 24 * 3600)) / 3600);
    mn = Math.floor ((sec - ((j * 24 * 3600 + h * 3600))) / 60);
On est d'accords que tu peux mettres les 2 première ligne en commentaire vu que tu ne t'en set part (pour tes calculs)?

Commentaire de CSIBern le 13/05/2008 18:55:00

Ah oui, c'est juste, je ne m'en étais même pas rendu compte, je te remercie et vais modifié ça de suite.

Commentaire de lakichemole le 14/05/2008 09:35:12

pas de problème :)

Commentaire de Sat119 le 22/07/2008 11:12:31 8/10

Salut ! Je suis une GRANDE débutante en HTML, genre le basique de chez basique.. mais je tente de me soigner ^^

J'ai deux questions..

La durée de ton évènement, le tournoi, c'est 3 jours, c'est ça ?

Si oui, comment tu exprimes une durée égale à 45 min, voire 1h ?

Et ensuite, est-ce qu'il y a un moyen d'intégrer plusieurs comptes à rebour, avec différents éléments ? parce que quand je le répète, le seul compte à rebour qui s'affiche est le dernier exprimé..

Merci :D

Commentaire de lakichemole le 22/07/2008 12:18:09

Salut il n'est jamais trop tard pour s'y mettre :).
Ce code n'est en effet pas très générique je viens de le modifier pour qu'il le soit un peu plus, cependant la status bar n'est plus utilisable correctement):
<html><body>
<label id="Compte"></label><br />
<label id="Compte2"></label><br />
<label id="Compte3"></label><br />
<script type="text/JavaScript">
window.status="";
function Rebour(LabelId,DateEvenement,TextEncours,TextTermine) {
var Affiche=document.getElementById(LabelId);
var date1 = new Date();
var date2 = new Date (DateEvenement); // Date et heure de l'événement
var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
var n = 24 * 3600; //nombre de secondes dans un jour
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 +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
window.status = "Temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
}
else if (Math.abs(sec) < (3 * n)) { // Durée de l'événement
Affiche.innerHTML = TextEncours;
window.status += TextEncours;
}
else {
Affiche.innerHTML = TextTermine;
window.status += TextTermine;
}
    
tRebour=setTimeout ("Rebour('" + LabelId + "','" + DateEvenement + "','" + TextEncours + "','" + TextTermine + "');", 1000);
}
Rebour("Compte","Sep 5 17:00:00 2008","Compeur 1,temps restant : Le tournoi est en cours, venez profiter du spectacle","Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site");
Rebour("Compte2","Sep 4 10:00:00 2008","Compeur 2,temps restant : Le tournoi est en cours, venez profiter du spectacle","Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site");
Rebour("Compte3","Jun 2 19:00:00 2009","Compeur 3,temps restant : Le tournoi est en cours, venez profiter du spectacle","Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site");
</script>
</body>
</html>

Commentaire de Sat119 le 22/07/2008 12:50:57

Euh.. ok ?  ^^

ça répond à une de mes questions ? parce que dans ce cas, je comprend pas la réponse.. :S

En gros, je voudrais établir 4 comptes à rebour. 4 dates différentes. Tous les évènements durant à peu près une heure et étant complètement indépendants les uns des autres.


Commentaire de lakichemole le 22/07/2008 14:16:42

Oui en fait le code que je viens de te donner test le (copie colle dans un fichier html et ouvre le fichier avec IE ).
Et dans ce code j'ai montrer un exemple avec 3 compte à rebours avec 3 date différentes etc :)
- Compte a rebours 1 (à associer à <label id="Compte"></label>:
Rebour("Compte","Sep 5 17:00:00 2008","Compeur 1,temps restant : Le tournoi est en cours, venez profiter du spectacle","Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site");

- Compte a rebours 2 (à associer à <label id="Compte2"></label>:
Rebour("Compte2","Sep 4 10:00:00 2008","Compeur 2,temps restant : Le tournoi est en cours, venez profiter du spectacle","Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site");

- Etc..

Commentaire de Sat119 le 22/07/2008 14:49:10

Alors oui effectivement, ça donne 3 comptes à rebour, mais tous liés au même intitulé évènements

Commentaire de lakichemole le 22/07/2008 15:06:19

Je ne comprend pas se que tu veut changer; on est d'accord que mes 3 compte a rebours sont paramétrable de la facon suivante :
- Etape 1 : tu crée un objet HTML avec un id unique que tu insère n'importe ou dans ta page  ex:<label id="MonComptePerso" ></label>

- Etape 2 : Entre les balises script et après la fonction Rebour() tu lance ton compte à rebour de la facon suivante Rebour(LabelId,DateEvenement,TextEncours,TextTermine); ex:
      Rebour("MonComptePerso","Sep 4 10:00:00 2008","traitement en cours","traitement terminé")

Libre à toi d'ajouter/supprimer des compte à rebour et de personalisé leur création via les paramètres

Commentaire de Sat119 le 22/07/2008 15:21:44

je verrais ça ce soir, il faut que j'aille au boulot là, merci en tout cas et je te tiens au courant

Commentaire de lakichemole le 22/07/2008 15:31:54

Ok :)

Commentaire de Sat119 le 22/07/2008 23:00:23

je comprend pas.. j'ai tenté de faire des modifs .. en gros je veux annoncer sur le forum de Grey's Anatomy et Private Practice que j'administre, quand les premiers épisodes des nouvelles saisons vont être diffusés..

où est-ce que j'ai faux ? parce que sur ma page test, là où avec ton code il y avait au moins les comptes à rebours qui s'affichaient, là y a plus rien..

<html><body>
<label id="Diffusion aux USA, Grey's Anatomy, Saison 5, Premier Episode"></label><br />
<label id="Compte2"></label><br />
<label id="Compte3"></label><br />
<script type="text/JavaScript">
window.status="";
function Rebour(LabelId,DateEvenement,TextEncours,TextTermine) {
var Affiche=document.getElementById(LabelId);
var date1 = new Date();
var date2 = new Date (Sep 26 03:00:00 2008); // Date et heure de l'événement
var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
var n = 24 * 3600; //nombre de secondes dans un jour
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 +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
window.status = "Temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
}
else if (Math.abs(sec) < (3 * n)) { // Durée de l'événement
Affiche.innerHTML = TextEncours;
window.status += TextEncours;
}
else {
Affiche.innerHTML = TextTermine;
window.status += TextTermine;
}
    
tRebour=setTimeout ("Rebour('" + LabelId + "','" + DateEvenement + "','" + TextEncours + "','" + TextTermine + "');", 1000);
}
Rebour("Compte","Sep 26 03:00:00 2008","Grey's Anatomy, Premier Episode Saison 5 : l'épisode est en cours de diffusion","Grey's Anatomy, Saison 5, Premier Episode : L'épisode est terminé");
Rebour("Compte2","Sep 4 10:00:00 2008","Compeur 2,temps restant : Le tournoi est en cours, venez profiter du spectacle","Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site");
Rebour("Compte3","Jun 2 19:00:00 2009","Compeur 3,temps restant : Le tournoi est en cours, venez profiter du spectacle","Temps restant : Le tournoi est terminé, retrouvez toutes les informations sur le site");
</script>
</body>
</html>

Commentaire de Sat119 le 23/07/2008 00:32:22

le truc c'est qu'il me semble que c'est cette partie qui défini l'affichage non ?

Affiche.innerHTML = "Temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
window.status = "Temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
}
else if (Math.abs(sec) < (3 * n)) { // Durée de l'événement
Affiche.innerHTML = TextEncours;
window.status += TextEncours;
}
else {
Affiche.innerHTML = TextTermine;
window.status += TextTermine;



et cette ligne :

else if (Math.abs(sec) < (3 * n)) { // Durée de l'événement

comment on fait pour que la durée de l'évènement soit de trois heures (à cause des fuseaux horaires, en tout ça fait trois heures..)

Commentaire de CSIBern le 23/07/2008 07:26:28

Salut Sat119,

Ton erreur (en tout cas la première essentielle qui saute aux yeux) vient du fait que ton nom de label (label id) ne correspond pas au premier paramètre de la fonction que tu appelles à la fin (Rebour("Compte",... ).

Tu dois remplacer (par exemple) à la deuxième ligne (le texte que tu mets là ne sera pas affiché dans ta page, c'est juste le nom d'un cadre)
<label id="Diffusion aux USA, Grey's Anatomy, Saison 5, Premier Episode"></label><br />
par
<label id="S5E1"></label><br />
et presque à la fin
Rebour("Compte","Sep 26 03:00:00 2008","Grey's Anatomy, Premier Episode Saison 5 : l'épisode est en cours de diffusion","Grey's Anatomy, Saison 5, Premier Episode : L'épisode est terminé");
par
Rebour("S5E1","Sep 26 03:00:00 2008","Grey's Anatomy, Premier Episode Saison 5 : l'épisode est en cours de diffusion","Grey's Anatomy, Saison 5, Premier Episode : L'épisode est terminé");
Ainsi tu retrouves à ces 2 places le même nom pour le cadre, soit "S5E1".

Enfin, pour la durée, le "n" que j'introduis correspond au nombre de seconde dans un jour. Si tu veux que ça ne corresponde qu'à 3 heures, tu peux introduire à la place de 3*n 3*60*60, soit 10800, et tu devrais obtenir le bon résultat.

Enfin, je tiens à remercier lakichemole pour avoir transformé mon script en programme (ce qui te permet aujourd'hui de placer plusieurs comptes à rebours dans la même page) et pour les quelques corrections du départ.

Commentaire de lakichemole le 23/07/2008 09:12:55

Pas de problème :)

Commentaire de Sat119 le 23/07/2008 13:29:02

Le programme de lakichemolle donne un affichage tel que celui ci :

temps restant : temps qui défile
temps restant : temps qui défile
temps restant : temps qui défile

je voulais mettre à la place de temps restant première ligne, "Diffusion aux USA GREY'S ANATOMY, Saison 5 Episode 1"
sur la deuxième ligne, "Diffusion PP.. Saison 2.."

Car les comptes à rebour seront placés sur l'index directement.
En fait je cherche à définir à quoi se rapportent les comptes à rebour, d'où le long label id.

est-ce possible ?

Commentaire de Sat119 le 23/07/2008 13:33:07

et en modifiant le label id comme tu me le notes, l'affichage n'apparait pas non plus

Commentaire de lakichemole le 23/07/2008 13:51:59

ok je vais te prémarcher le travail en te donnant exactement se que tu doit coller donc pour le premier compte à rebours c'est bon pour le 2 eme 3eme tu veux quoi?

Commentaire de Sat119 le 23/07/2008 14:03:50

il y en a 4

Diffusion aux USA, Grey's Anatomy, Saison 5, Premier Episode
Diffusion aux USA, Private Practice, Saison 2, Premier Episode
Diffusion en France, Grey's Anatomy, Saison 4, Premier Episode
Diffusion en France, Private Practice, Saison 1, Premier Episode

j'ai hâte de comprendre

Commentaire de lakichemole le 23/07/2008 14:45:32

et les dates ??

Commentaire de Sat119 le 23/07/2008 14:53:32

pour les dernières lignes je ne sais pas encore, je les modifirais moi même c'est bon

pour la première Sept 26 03:00:00 2008
deuxième Oct 02 03:00:00 2008

Commentaire de lakichemole le 23/07/2008 15:03:03

et voilà si avec ça t'y arrive pas je sais plus quoi faire :D (j'ai encore changer le code pour que se soit un peut plus simple):

<html><body>
<label id="Compte1"></label><br />
<label id="Compte2"></label><br />
<label id="Compte3"></label><br />
<label id="Compte4"></label><br />
<script type="text/JavaScript">
window.status="";
function Rebour(LabelId,DateEvenement,Text) {
var Affiche=document.getElementById(LabelId);
var date1 = new Date();
var date2 = new Date (DateEvenement); // Date et heure de l'événement
var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
var n = 24 * 3600; //nombre de secondes dans un jour
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 = unescape(Text) + " temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
//window.status = unescape(Text) + " temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
}
else if (Math.abs(sec) < (3 * n)) { // Durée de l'événement
Affiche.innerHTML = unescape(Text) + " en cours";
//window.status += unescape(Text) + " en cours";
}
else {
Affiche.innerHTML = unescape(Text) + " terminé";
//window.status += unescape(Text) + " terminé";
}
    
tRebour=setTimeout ("Rebour('" + LabelId + "','" + DateEvenement + "','" + Text + "');", 1000);
}
Rebour("Compte1","Sept 26 03:00:00 2008",escape("Diffusion aux USA, Grey's Anatomy, Saison 5, Premier Episode"));
Rebour("Compte2","Oct 02 03:00:00 2008","Diffusion aux USA, Private Practice, Saison 2, Premier Episode");
Rebour("Compte3","Sep 26 03:00:00 2008",escape("Diffusion en France, Grey's Anatomy, Saison 4, Premier Episode"));
Rebour("Compte4","Sep 26 03:00:00 2008","Diffusion en France, Private Practice, Saison 1, Premier Episode");

</script>
</body>
</html>

Commentaire de Sat119 le 23/07/2008 15:11:33

ça marche merci beaucoup, et dis moi, elle sert à quoi la commande escape ?

Commentaire de lakichemole le 23/07/2008 15:17:00

la commande escape est utile quand il y a des caractère spéciaux dans ta chaine de caractère ici tu avait une ' dans Grey's anatomy.
Donc à chaque fois que tu as des caractère spécieux dans ta chaine tu l'utilise :) (tu peux l'utiliser tout le temps ça mange pas de pain comme qui dirais)

Commentaire de Sat119 le 23/07/2008 15:30:39

Okay c'est cool et donc au final comme les épisodes en France ne feront qu'une heure niveau durée de diffusion, je vais prendre le fuseau horaire de New York, donc 3h du mat' chez nous, avec une durée d'une heure aussi, ou peut être faire NYC et LA 3h et 6h,

mais donc pour afficher la durée d'une heure, et non de 3, c'est (1*60*60) c'est ça ?

et si on avait inscrit Grey\'s Anatomy, ça fonctionnait de la même façon qu'escape non ?

Merci en tout cas pour ta patience.. comme je l'ai dit, ça doit faire moins de deux semaines que ça me toque le Javascript

Commentaire de CSIBern le 23/07/2008 16:05:47

Ne t'en fais pas, ça viendra avec le temps, enfin j'espère. Pour moi, ce script était aussi mon premier (et le seul pour l'instant).

Pour la durée c'est correcte, mais tu peux aussi noté directement 3600 ;o).

Pour le \' je sais pas, lakichemole pourra certainement mieux te renseigner que moi, mais j'ai des doutes.

Je me pose quand même la question de pourquoi la réponse que j'avais donné avant ne fonctionne pas, j'avais oublié quelque chose (si ce n'est le escape, fonction que je ne connaissais pas) ?

Commentaire de lakichemole le 23/07/2008 16:06:47

Et hop encore une nouvelle version, dans celle ci le 2 ème paramètre passé correspond à la date de fin d'évènement :

<html><body>
<label id="Compte1"></label><br />
<label id="Compte2"></label><br />
<label id="Compte3"></label><br />
<label id="Compte4"></label><br />
<script type="text/JavaScript">
window.status="";
function Rebour(LabelId,DateEvenement,DateFinEvenement,Text) {
var Affiche=document.getElementById(LabelId);
var date1 = new Date();
var date2 = new Date (DateEvenement); // Date et heure de l'événement
var date3 = new Date (DateFinEvenement); // Date et heure de la fin de l'événement
var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
var TempsRestant=(date3-date1);
var n = 24 * 3600; //nombre de secondes dans un jour
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 = unescape(Text) + " temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
//window.status = unescape(Text) + " temps restant : " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
}
else if (Math.abs(sec) < TempsRestant ) { // Durée de l'événement
Affiche.innerHTML = unescape(Text) + " en cours";
//window.status += unescape(Text) + " en cours";
}
else {
Affiche.innerHTML = unescape(Text) + " terminé";
//window.status += unescape(Text) + " terminé";
}
    
tRebour=setTimeout ("Rebour('" + LabelId + "','" + DateEvenement + "','" + DateFinEvenement + "','" + Text + "');", 1000);
}
Rebour("Compte1","Sep 26 03:00:00 2008","Sep 26 04:00:00 2008",escape("Diffusion aux USA, Grey's Anatomy, Saison 5, Premier Episode"));
Rebour("Compte2","Oct 02 03:00:00 2008","Oct 02 04:00:00 2008","Diffusion aux USA, Private Practice, Saison 2, Premier Episode");
Rebour("Compte3","Sep 26 03:00:00 2008","Sep 26 04:00:00 2008",escape("Diffusion en France, Grey's Anatomy, Saison 4, Premier Episode"));
Rebour("Compte4","Sep 26 03:00:00 2008","Sep 26 04:00:00 2008","Diffusion en France, Private Practice, Saison 1, Premier Episode");

</script>
</body>
</html>

Commentaire de Sat119 le 23/07/2008 16:14:17

géant merci je vais faire les modifs

Commentaire de lakichemole le 23/07/2008 16:14:49

A oui et pour le "\" ça marche pour le premier appel mais pas dans l'appel du setTimeOut

Commentaire de gegeloire42 le 20/04/2009 11:30:11

Pas mal....

Commentaire de lakichemole le 20/04/2009 11:49:17

Si c'est pas mal met une note :)

Commentaire de JulienB76 le 03/09/2009 08:26:56

Ce script fonctionne t-il sous internet explorer 7 ? Je n'ai rien qui s'affiche contrairement à firefox. Merci en tous cas !

Commentaire de Dav_c le 20/12/2009 17:00:03 10/10

vendu ;)

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

créer un compte à rebours à l'heure du serveur [ par ajor ] Bonjour à tous,J'aimerais pour mon site, créer un compte à rebours qui fonctionne à l'heure du serveur, afin que tous les client aient exactement le m compte a rebours j h m s a partir de seconde [ par matttt34 ] Salut tout le monde :) J'ai beau chercher partout je n'arrive pas a trouver ce que je cherche : Je souhaiterais avoir un compte a rebours m'affichan Javascript : affichage par rapport à une date/heure [ par hazkaal ] Bonjour,Je voudrais, sur mon site, que certains articles s'affichent par exemple juste entre 12h et 15h... Pourriez vous m'aider en sachant que je n'a Compte à rebours [ par CSIBern ] Bonjour à tous,Je dois créer un petit site concernant un tournois.Pour ça je comptais insérer un compte à rebours donnant le temps jusqu'à l'événement Pti soucis compte a rebours mm:ss [ par Remidoubi007 ] Bonsoir Bonsoir,je suis entrain de développer un questionnaire (plusieurs pages )et j'ai un soucis avec un chronomètre je m'explique,un compte a rebou [déplacé Bar -> PHP] Une demande de promotion qui change toute les semaine par une image differente et un compte a rebours qui repart a 1 tous les 7 jours [ par val78 ] Bonjour <?xml:namespace prefix = o ns Redirection avec compte a rebours [ par twinsen60 ] BonjourJ'ai ce code ci :&lt;script language="javascript" type="text/javascript"&gt; &lt;!-- window.location.replace( "http://www.un-site.com/une-pag Compte a rebours [ par ptitdragonvert ] Bonjour,Je cherche un compte a rebours en javascript avec le decompte 'H:M:S' et la possibilité de pouvoir en mettre plusieurs sur une meme page.Moi j Convertir heure [ par Zebra1928 ] Bonjour à tous,Je suis bloqué car je cherche une fonction pour convertir l'heure actuelle en milliseconde, et l'afficher dans une page .     sec = Dat Décompte (compte a rebours) qui affiche le nombre de mois, de jour, d'heure, de minutes de seconde qui reste avant un évenement [ par slashf ] salut a tous comme le titre le montre j'ai besoin de créé un compte a rebours qui affiche le nombre de mois, de jour, d'heure, de minutes de seconde q


Nos sponsors


Sondage...

Comparez les prix


Console Sony PSP-3000 Black
Entre 200€ et 200€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo hvar - 2Photo corne de cerf 2
Photo Pujols, Villeneuve sur Lot, Quercy et Périgord 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,406 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)