L'heure en temps réel et affichée comme un réveil

Télécharger le projet
Commenter

Description

Ce script indique l'heure en temps réel sauf que au lieu de l'afficher avec une police, il l'affiche avec des images, ce qui rend un résultat plus classe car l'on peut dessiner les chiffres comme on le souhaite.

Source / Exemple : 


(A mettre entre les balises <head> </head>)

<SCRIPT language="Javascript">
<!--
img0=new Image(); img0.src="horloge/img0.bmp"
img1=new Image(); img1.src="horloge/img1.bmp"
img2=new Image(); img2.src="horloge/img2.bmp"
img3=new Image(); img3.src="horloge/img3.bmp"
img4=new Image(); img4.src="horloge/img4.bmp"
img5=new Image(); img5.src="horloge/img5.bmp"
img6=new Image(); img6.src="horloge/img6.bmp"
img7=new Image(); img7.src="horloge/img7.bmp"
img8=new Image(); img8.src="horloge/img8.bmp"
img9=new Image(); img9.src="horloge/img9.bmp"

function horloge(){
today = new Date();
heure = today.getHours();
minute = today.getMinutes();
seconde = today.getSeconds();
h1 = Math.floor(heure / 10);
h2 = heure - (10 * h1);
m1 = Math.floor(minute / 10);
m2 = minute - (10 * m1);
s1 = Math.floor(seconde / 10);
s2 = seconde - (10 * s1);
document.images.ih1.src=eval("img"+h1+".src")
document.images.ih2.src=eval("img"+h2+".src")
document.images.im1.src=eval("img"+m1+".src")
document.images.im2.src=eval("img"+m2+".src")
document.images.is1.src=eval("img"+s1+".src")
document.images.is2.src=eval("img"+s2+".src")
window.setTimeout("horloge();", 100)}
window.onload = horloge;
//-->
</script>

(A metrre entre les balises <body> </body>, là où vous voulez afficher l'heure)

<img src="horloge/img0.bmp" name="ih1" border=0 ><img src="horloge/img0.bmp" name="ih2" border=0 >
 <img src="horloge/img0.bmp" name="im1" border=0 ><img src="horloge/img0.bmp" name="im2" border=0 >
 <img src="horloge/img0.bmp" name="is1" border=0 ><img src="horloge/img0.bmp" name="is2" border=0 >

Conclusion :


Pour avoir un jeu d'images, téléchargez le zip ou aller sur mon site http://www.lenotepad.fr.st .
Ce jeu d'image doit être placé dans un dossier nommé horloge.
Pour plus d'explisation, visitez mon site.
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_Guillaume)