Horloge dans site perso free

Résolu/Fermé
Remi free - 9 mai 2008 à 00:26
remi free
Messages postés
9
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
14 mai 2008
- 10 mai 2008 à 10:38
Bonjour
J'ai inséré une horloge sur mon site perso (free) par la commande:<img src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[login].dat&display=clock">.Comment faire pour que l'heure soit raffraicie automatiquement?

9 réponses

mbalbez
Messages postés
143
Date d'inscription
vendredi 28 mars 2008
Statut
Membre
Dernière intervention
5 novembre 2010
20
9 mai 2008 à 12:05
voila chose promite chose faite j'ai trouvé comment mettre l'heure d'autres pays :
le principe est le meme sauf qu'au lieu de demander au pc l'heure que lui utilise on va lui demandé l'heure gmt donc au lieu de mettre getHours() on va changer en getUTCHours() par la suite on ajoute ou on soustrai le decalage entre gmt et l'heure de pays voulu ce qui doit nous donner par exemple: (ici j'ai ajouter 10 heures a l'heure de GMT que tu pourra modifier biensur


entre <head> </head> tu met
<SCRIPT LANGUAGE="JavaScript">
var dd, delai;
function debuteTemps(delai1) {
var hhmmss = "", min, sec;
delai = delai1;
adate = new Date()
hhmmss += adate.getUTCHours() +10
if (hhmmss>=24){hhmmss=hhmmss-24;}
if (hhmmss < 10) hhmmss = "0" + hhmmss;
min = adate.getUTCMinutes();
if (min < 10) hhmmss += ":0" + min;
else hhmmss += ":" + min;
sec = adate.getSeconds();
if (sec < 10) hhmmss += ":0" + sec;
else hhmmss += ":" + sec;
hhmmss = " " + hhmmss;
document.Temps1.heure.value = hhmmss;
dd = setTimeout("debuteTemps(delai)",delai1);
}
</SCRIPT>

et tu modifier <body> </body> en

<BODY onLoad="debuteTemps(1000);" onUnload="clearTimeout(dd);">
<FORM NAME="Temps1">
<INPUT TYPE="text" NAME="heure" SIZE="12"><BR></FORM>
</body>
1
remi free
Messages postés
9
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
14 mai 2008

9 mai 2008 à 22:22
fausse alerte, mauvaise recopie de ton script, en fait ça marche impec.
Grand merci pour cette aide rapide et efficace
Bonne soirér
Rémi
0
jee pee
Messages postés
34984
Date d'inscription
mercredi 2 mai 2007
Statut
Modérateur
Dernière intervention
28 mai 2022
8 627
9 mai 2008 à 00:32
bonjour,

cet affichage n'est généré qu'à l'ouverture de la page, ce n'est pas un outils dynamique avec une horloge temps réél

donc il ne va être modifié que quand tu réaffiches la page

cdt
0
remi free
Messages postés
9
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
14 mai 2008

9 mai 2008 à 00:38
ok bien compris, mais y-a-t-il une solution?, du type
<script language="JavaScript">
var dd, delai;
function debuteTemps(delai1) {
var hhmmss = "", min, sec;
delai = delai1;
adate = new Date()
hhmmss += adate.getHours() + (adate.getTimezoneOffset() / 60) + 7;
if (hhmmss>=24){hhmmss=hhmmss-24;}
if (hhmmss < 10) hhmmss = "0" + hhmmss;
min = adate.getMinutes();
if (min < 10) hhmmss += ":0" + min;
else hhmmss += ":" + min;
sec = adate.getSeconds();
if (sec < 10) hhmmss += ":0" + sec;
else hhmmss += ":" + sec;
hhmmss = " " + hhmmss;
document.Temps1.heure.value = hhmmss;
dd = setTimeout("debuteTemps(delai)",delai1);
}
</script>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2050"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>

<body lang=FR style='tab-interval:35.4pt' onload="debuteTemps(1000)"
onUnload="clearTimeout(dd)">

<div class=Section1>

<form NAME=Temps1>

<p class=MsoNormal><b><span style='font-size:14.0pt;mso-bidi-font-size:12.0pt'><INPUT TYPE="text" SIZE="14" NAME="heure"></span></b></p>

</form>
Celle ci est rafraichie
0
mbalbez
Messages postés
143
Date d'inscription
vendredi 28 mars 2008
Statut
Membre
Dernière intervention
5 novembre 2010
20
9 mai 2008 à 00:46
bon je sais pas si ca va t'aider ou pas mais si tu insére ce code yaura l'heure qui s'afficher avec les secondes qui défilent mais attention c'est l'heure du pc et non pas du serveur qui s'affiche

<script language="JavaScript">
function HeureCheckEJS()
{
krucial = new Date;
heure = krucial.getHours();
min = krucial.getMinutes();
sec = krucial.getSeconds();
jour = krucial.getDate();
mois = krucial.getMonth()+1;
annee = krucial.getFullYear();
if (sec < 10)
sec0 = "0";
else
sec0 = "";
if (min < 10)
min0 = "0";
else
min0 = "";
if (heure < 10)
heure0 = "0";
else
heure0 = "";
DinaHeure = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec;
which = DinaHeure
if (document.getElementById){
document.getElementById("ejs_heure").innerHTML=which;
}
setTimeout("HeureCheckEJS()", 1000)
}
window.onload = HeureCheckEJS;
</SCRIPT>
0
remi free
Messages postés
9
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
14 mai 2008

9 mai 2008 à 09:12
Bonjour et merci de ta réponse,
J'ai inséré le script dans ma page web, mais je n'obtiens rien... écran vide.
As tu une indication complémentaire?
0
mbalbez
Messages postés
143
Date d'inscription
vendredi 28 mars 2008
Statut
Membre
Dernière intervention
5 novembre 2010
20
9 mai 2008 à 09:54
ah oui dsl fallait ajouter ca juste aprés </script>
<span id="ejs_heure">Initialisation...</span> dsl j'ai oublié


maintenant ca devrai fonctionné :)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
mbalbez
Messages postés
143
Date d'inscription
vendredi 28 mars 2008
Statut
Membre
Dernière intervention
5 novembre 2010
20
9 mai 2008 à 09:57
ah oui dsl fallait ajouter ca juste aprés </script>
<span id="ejs_heure">Initialisation...</span> dsl j'ai oublié
-------------------
maintenant ca devrai fonctionné :)
0
remi free
Messages postés
9
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
14 mai 2008

9 mai 2008 à 11:10
C ok, ça marche!
Merci beaucoup.
Ce qu'on affiche avec ce script, c'est l'heure du PC, et c'est déjà bien, mais peut-on afficher l'heure GMT + x
Si je veux mettre sur ma page l'heure, par exemple, à Paris et à New York?
Merci encore et A+ si une solution est possible.
Rémi
0
mbalbez
Messages postés
143
Date d'inscription
vendredi 28 mars 2008
Statut
Membre
Dernière intervention
5 novembre 2010
20
9 mai 2008 à 11:36
de rien ... c'est sur qu'il ya une solution je vais cherché et si je trouve je te met au courant
0
remi free
Messages postés
9
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
14 mai 2008

9 mai 2008 à 22:13
Bonsoir mbalbez et les autres
J'ai copié le script dans ma page web, mais pas d'horloge dans le cadre qui devrait la contenir...est ce que quelquechose manque, ou je m'y prends mal?
0
mbalbez
Messages postés
143
Date d'inscription
vendredi 28 mars 2008
Statut
Membre
Dernière intervention
5 novembre 2010
20
9 mai 2008 à 22:53
trés bien bonne soirée à toi aussi... la mienne semble etre bien longue et pleine de scripts qui veulent pas fonctionné :( .... ca serai mieu de mettre le topic en resolu :)
0
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 345
9 mai 2008 à 23:18
SALUT

J avais fais ca pour un client americain il y as deja quelques temps ! mais il est facile a adapter !! tu enleve les variable qui ne te servent pas !

exemple : pour supprimer l heure de hawai tu efface cette ligne dans le js
var haw =check24(((gmt + (24-10)) > 24) ? ((gmt + (24-10)) - 24) : (gmt + (24-10)));
    document.clock.Hawaii.value = (IfZero(haw) + ending);


je te mets le code tel quel tu verras pour les modifs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>World Horloge by RAD
    </title>
<script language="JavaScript" type="text/javascript">
//<![CDATA[
    <!-- Begin
    function GetTime() {
    var dt = new Date();
    var def = dt.getTimezoneOffset()/60;
    var gmt = (dt.getHours() + def);
    document.clock.local.value = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()));
    var ending = ":" + IfZero(dt.getMinutes()) + ":" +  IfZero(dt.getSeconds());
    var rome =check24(((gmt + 1) > 24) ? ((gmt + 1) - 24) : (gmt + 1));
    document.clock.rome.value = (IfZero(rome) + ending);
    var isr =check24(((gmt + 2) > 24) ? ((gmt + 2) - 24) : (gmt + 2));
    document.clock.Palestine.value = (IfZero(isr) + ending);
    var msw =check24(((gmt + 3) > 24) ? ((gmt + 3) - 24) : (gmt + 3));
    document.clock.msw.value = (IfZero(msw) + ending);
    var baku =check24(((gmt + 4) > 24) ? ((gmt + 4) - 24) : (gmt + 4));
    document.clock.baku.value = (IfZero(baku) + ending);
    var del =check24(((gmt + 5) > 24) ? ((gmt + 5) - 24) : (gmt + 5));
    document.clock.del.value = (IfZero(del) + ending);
    var dh =check24(((gmt + 6) > 24) ? ((gmt + 6) - 24) : (gmt + 6));
    document.clock.dh.value = (IfZero(dh) + ending);
    var kok =check24(((gmt +7 ) > 24) ? ((gmt +7 ) - 24) : (gmt + 7));
    document.clock.kok.value = (IfZero(kok) + ending);
    var ho =check24(((gmt + 8) > 24) ? ((gmt + 8) - 24) : (gmt + 8));
    document.clock.ho.value = (IfZero(ho) + ending);
    var tky =check24(((gmt + 9) > 24) ? ((gmt + 9) - 24) : (gmt + 9));
    document.clock.tky.value = (IfZero(tky) + ending);
    var sdn =check24(((gmt + 10) > 24) ? ((gmt + 10) - 24) : (gmt + 10));
    document.clock.sdn.value = (IfZero(sdn) + ending);
    var mag =check24(((gmt + 11) > 24) ? ((gmt + 11) - 24) : (gmt + 11));
    document.clock.mag.value = (IfZero(mag) + ending);
    var wll =check24(((gmt + 12) > 24) ? ((gmt + 12) - 24) : (gmt + 12));
    document.clock.wll.value = (IfZero(wll) + ending);
    var _GMT =check24(((gmt) > 24) ? ((gmt) - 24) : (gmt));
    document.clock._GMT.value = (IfZero(_GMT) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()));
    var eniw =check24(((gmt + (24-12)) > 24) ? ((gmt + (24-12)) - 24) : (gmt + (24-12)));
    document.clock.eniw.value = (IfZero(eniw) + ending);
    var sam =check24(((gmt + (24-11)) > 24) ? ((gmt + (24-11)) - 24) : (gmt + (24-11)));
    document.clock.sam.value = (IfZero(sam) + ending);
    var haw =check24(((gmt + (24-10)) > 24) ? ((gmt + (24-10)) - 24) : (gmt + (24-10)));
    document.clock.Hawaii.value = (IfZero(haw) + ending);
    var ala =check24(((gmt + (24-9)) > 24) ? ((gmt + (24-9)) - 24) : (gmt + (24-9)));
    document.clock.alaska.value = (IfZero(ala) + ending);
    var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) - 24) : (gmt + (24-8)));
    document.clock.pacif.value = (IfZero(pacif) + ending);
    var mount =check24(((gmt + (24-7)) > 24) ? ((gmt + (24-7)) - 24) : (gmt + (24-7)));
    document.clock.mount.value = (IfZero(mount) + ending);
    var center =check24(((gmt + (24-6)) > 24) ? ((gmt + (24-6)) - 24) : (gmt + (24-6)));
    document.clock.center.value = (IfZero(center) + ending);
    var east =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) - 24) : (gmt + (24-5)));
    document.clock.east.value = (IfZero(east) + ending);
    var atl =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) - 24) : (gmt + (24-4)));
    document.clock.atl.value = (IfZero(atl) + ending);
    var bra =check24(((gmt + (24-3)) > 24) ? ((gmt + (24-3)) - 24) : (gmt + (24-3)));
    bra = (bra >= 24) ? bra - 24 : bra;
    document.clock.bra.value = (IfZero(bra) + ending);
    var mid =check24(((gmt + (24-2)) > 24) ? ((gmt + (24-2)) - 24) : (gmt + (24-2)));
    mid = (mid >= 24) ? mid - 24 : mid;
    document.clock.mid.value = (IfZero(mid) + ending);
    var azo =check24(((gmt + (24-1)) > 24) ? ((gmt + (24-1)) - 24) : (gmt + (24-1)));
    azo = (azo >= 24) ? azo - 24 : azo;
    document.clock.azo.value = (IfZero(azo) + ending);
    setTimeout("GetTime()", 1000);
    }
    function IfZero(num) {
    return ((num <= 9) ? ("0" + num) : num);
    }
    function check24(hour) {
    return (hour >= 24) ? hour - 24 : hour;
    }
    //  End -->
    //]]>
</script>
    <style type="text/css">/*       
      <![CDATA[*/     div.horloge {text-align: center}     /*]]>*/     
    </style>
  </head>
  <body onload="javascript:GetTime();">
    <div class="horloge">
      <form name="clock" id="clock"><strong>Local Time 
          <input type="text" size="8" name="local" /></strong>
        <p>Eniwetok (GMT-12) 
          <input type="text" size="8" name="eniw" /><br />Samoa (GMT-11) 
          <input type="text" size="8" name="sam" /><br />Hawaii (GMT-10) 
          <input type="text" size="8" name="Hawaii" />
        </p>
        <p>Alaska (GMT-9) 
          <input type="text" size="8" name="alaska" /><br />Pacific Time (GMT-8) 
          <input type="text" size="8" name="pacif" /><br />Mountain Time (GMT-7) 
          <input type="text" size="8" name="mount" />
        </p>
        <p>Central Time (GMT-6) 
          <input type="text" size="8" name="center" /><br />Eastern Time (GMT-5) 
          <input type="text" size="8" name="east" /><br />Atlantic Time (GMT-4) 
          <input type="text" size="8" name="atl" />
        </p>
        <p>Brazilia (GMT-3) 
          <input type="text" size="8" name="bra" /><br />Mid-Atlantic (GMT-2) 
          <input type="text" size="8" name="mid" /><br />Azores (GMT-1) 
          <input type="text" size="8" name="azo" />
        </p>
        <p><strong>Greenwich Mean Time (GMT) 
            <input type="text" size="8" name="_GMT" /></strong>
        </p>
        <p>Rome (GMT +1) 
          <input type="text" size="8" name="rome" /><br />Palestine (GMT +2) 
          <input type="text" size="8" name="Palestine" /><br />Moscow (GMT +3) 
          <input type="text" size="8" name="msw" />
        </p>
        <p>Baku (GMT +4) 
          <input type="text" size="8" name="baku" /><br />New Delhi (GMT +5) 
          <input type="text" size="8" name="del" /><br />Dhakar (GMT +6) 
          <input type="text" size="8" name="dh" />
        </p>
        <p>Bangkok (GMT +7) 
          <input type="text" size="8" name="kok" /><br />Hong Kong (GMT +8) 
          <input type="text" size="8" name="ho" /><br />Tokyo (GMT +9) 
          <input type="text" size="8" name="tky" />
        </p>
        <p>Sydney (GMT +10) 
          <input type="text" size="8" name="sdn" /><br />Magadan (GMT +11) 
          <input type="text" size="8" name="mag" /><br />Wellington (GMT +12) 
          <input type="text" size="8" name="wll" />
        </p>
      </form>
    </div><br />
  </body>
</html>


RAD
0
remi free
Messages postés
9
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
14 mai 2008

10 mai 2008 à 10:38
Merci beaucoup, ça marche comme je veux, impec!
0