Compte à rebours multiple

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Compte à rebours multiple

Message par emc2 le Ven 9 Mar 2012 - 14:05

Bonjour,

Je travaille à la mise en place d'une prison sur un forum. Mais pour chaque prisonniers, je souhaite afficher le décompte de leur jours via un compte à rebours. ci-dessous le type de code html utilisé:

Code:
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>COMPTE A REBOURS
    </title>
<script LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Sat 26 May 2012 08:00:00"); //ICI LA DATE CIBLE
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " seconde" : " secondes";
min = (minutesRound == 1) ? " minute" : " minutes, ";
hr = (hoursRound == 1) ? " heure" : " heures, ";
dy = (daysRound == 1)  ? " jour" : " jours, "
document.timeForm.input1.value = "Il reste " + daysRound  + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + "";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
  </head>
  <body onLoad="getTime()">
    <form name=timeForm>
      <input type="texte" name=input1 size=110 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif">
    </form>
  </body>
</html>

<span style="text-shadow:#FF0921 4px 3px 6px; font-size: 14px; color: #60407F;">Avant la libération de Magyar</span>

Ce qui donne cela en affichage:



Mais lorsque je souhaite afficher un deuxième compteur dans le même forum, mais dans deux sous forums distincts, j'obtiens cela:


Hors, dans le forum, il y a déjà un décompte qui indique autre chose, mais qui se trouve dans une autre section. Les deux décomptes qui ne sont pas visibles en même temps fonctionne parfaitement. Seuls, ceux qui se trouve sur une même page n'apparaissent pas. Je suppose qu'il faille une modification dans l'écriture html. Mais je n'en suis certain. Merci à vous de me donner un coup de main là-dessus.




Dernière édition par emc2 le Lun 19 Mar 2012 - 0:42, édité 1 fois

emc2
*****

Messages : 518
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Compte à rebours multiple

Message par FxPro' le Ven 9 Mar 2012 - 14:09

up

FxPro'
**

Messages : 76
Inscrit(e) le : 04/01/2012

http://futsalsoccer.jeun.fr/
FxPro' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Compte à rebours multiple

Message par emc2 le Sam 10 Mar 2012 - 0:38

Je souhaiterais avoir une solution à ce problème. Merci par avance à ceux qui veulent bien m'aider.

emc2
*****

Messages : 518
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Compte à rebours multiple

Message par emc2 le Mar 13 Mar 2012 - 23:00

Je continue à rechercher car je n'ai pas encore trouver de solution technique à cela.

emc2
*****

Messages : 518
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Compte à rebours multiple

Message par kidon le Mar 13 Mar 2012 - 23:37

Parce que les variables des compteurs ont le même nom à chaque fois, ce qui créer une erreur puisque le variable est modifiée par un autre compteur en même temps.

Enfin c'est une supposition je ne suis pas spécialiste dans le domaine Wink

kidon
***

Masculin
Messages : 110
Inscrit(e) le : 06/12/2009

kidon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Compte à rebours multiple

Message par Scoubifitz le Mer 14 Mar 2012 - 1:55

bonsoir,

premier chrono :

Code:
<label id="Compte"></label>
<script type="text/JavaScript">
var Affiche=document.getElementById("Compte");
function Rebour() {
var date1 = new Date();
var date2 = new Date ("Apr 1 01:11:05 2012");
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>

Deuxième chrono :

Code:
<label id="Compte1"></label>
<script type="text/JavaScript">
var Affiche1=document.getElementById("Compte1");
function Rebour1() {
var date1 = new Date();
var date2 = new Date ("Oct 12 20:02:20 2012");
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)));
Affiche1.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 ("Rebour1();", 1000);
}
Rebour1();
</script>

la ligne à modifier :
var date2 = new Date ("Oct 12 20:02:20 2012");

la liste des mois en anglais :
Jan : Feb : Mar : Apr : May : Jun : Jul : Aug : Sep : Oct : Nov : Dec

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Compte à rebours multiple

Message par emc2 le Lun 19 Mar 2012 - 0:17

Merci, jevais tester tout de suite et je reviens mettre la p'tite balise verte.



................ Tout marche bien !

emc2
*****

Messages : 518
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum