J'avais depuis longtemps remarqué que le joueb de Fabinou avait une horloge qui donnait l'heure exacte, mais à la manière anglo-saxonne, c'est-à-dire avec les AM et les PM (Fabinou a changé depuis, il a repris mon script corrigé...).
Ce script provient de ce site, qui est très bien fait et entièrement en français (merci Fabinou pour la trouvaille !!), et le script générateur de l'heure est celui-ci :
<script language="Javascript1.2">
<!--
// Ce script gratuit en français vient de www.firstpointcom.com. Sur FirstPointCom (www.firstpointcom.com)
// vous trouverez vos scripts avec les explications et les aides en français.
var tags_before_clock = "<big>"
var tags_after_clock = "</big>"
if(navigator.appName == "Netscape") {
document.write('<layer id="clock"></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<span id="clock"></span><br>');
}
function upclock(){
var dte = new Date();
var hrs = dte.getHours();
var min = dte.getMinutes();
var sec = dte.getSeconds();
var col = ":";
var spc = " ";
var apm;
if (12 < hrs) {
apm="PM";
hrs-=12;
}
else {
apm="AM";
}
if (hrs == 0) hrs=12;
if (min<=9) min="0"+min;
if (sec<=9) sec="0"+sec;
if(navigator.appName == "Netscape") {
document.clock.document.write(tags_before_clock
+hrs+col+min+col+sec+spc+apm+tags_after_clock);
document.clock.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
clock.innerHTML = tags_before_clock+hrs
+col+min+col+sec+spc+apm+tags_after_clock;
}
}
setInterval("upclock()",1000);
//-->
</script>
... ce qui donnait l'affichage suivant (exemple) :
8:08:30 AM pour le matin et 8:08:30 PM pour l'après-midi...
J'ai donc modifié quelques paramètres de ce script pour que l'affichage se fasse sur 24 heures au lieu des 12 heures anglo-saxonnes (am et pm). La modification donne ceci (j'ai aussi rajouté les tags <center> et </center> pour centrer l'horloge) :
<center><b><script language="Javascript1.2">
<!--
// Ce script gratuit en français vient de www.firstpointcom.com. Sur FirstPointCom (www.firstpointcom.com)
// vous trouverez vos scripts avec les explications et les aides en français.
var tags_before_clock = "<big>"
var tags_after_clock = "</big>"
if(navigator.appName == "Netscape") {
document.write('<layer id="clock"></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<span id="clock"></span><br>');
}
function upclock(){
var dte = new Date();
var hrs = dte.getHours();
var min = dte.getMinutes();
var sec = dte.getSeconds();
var col = ":";
var spc = " ";
var apm;
if (24 < hrs) {
apm="";
hrs-=24;
}
else {
apm="";
}
if (hrs == 0) hrs=24;
if (min<=9) min="0"+min;
if (sec<=9) sec="0"+sec;
if(navigator.appName == "Netscape") {
document.clock.document.write(tags_before_clock
+hrs+col+min+col+sec+spc+apm+tags_after_clock);
document.clock.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
clock.innerHTML = tags_before_clock+hrs
+col+min+col+sec+spc+apm+tags_after_clock;
}
}
setInterval("upclock()",1000);
//-->
</script></b>/center>
Ce qui donne désormais l'affichage suivant (toujours en exemple) :
8:08:30 pour le matin et 20:08:30 pour l'après-midi...
Si vous aussi, vous voulez afficher l'horloge sur votre site, reprenez donc le script modifié, qui affichera l'heure de façon courante... ;o)
