Horloge Dynamique Javascript

Fermé
Tuni - 1 mars 2005 à 13:03
 prof d'informatique - 5 juin 2007 à 19:43
Bonjour,
J'aimerai créer une horloge digitale dynamique(ki se réactualise) en javascript, affichant l'heure et la date.
Mon probléme et que après avoir chercher des codes sur le net j'en fu trouver un que j'ai personnaliser, MAIS je n'arrive pas a personnaliser la police de l'écriture ni les couleurs.
Voici le code:
<html>
<title>Script affichant l'heure et la date actuelle | by Kallimakhos</title>
<head>
<script language="JavaScript">

function Heure() {
d=new Date;
if (d.getHours()<10) {h="0"+d.getHours()};
else {h=d.getHours()};
if (d.getMinutes()<10) {min="0"+d.getMinutes()};
else {min=d.getMinutes()};
if (d.getSeconds()<10) {sec="0"+d.getSeconds()};
else {sec=d.getSeconds()};
j=[d.getDay()];
if (d.getDate()<10) {n="0"+d.getDate()};
else {n=d.getDate()};
m=[d.getMonth()];
if (d.getMonth()<10) {m="0"+d.getMonth()};
a=d.getYear();
txt=" "+h+":"+min+":"+sec+" "+n+"/"+m+"/"+a ;
Calk.innerHTML = txt;
setTimeout("Heure()", 1000);
}
</script>

<body onload="Heure()">
<span id ="Calk"></span>

</body>

</htlm>

Voila, donc si kelkun pourrai me dire commen personaliser les polices de la date et de l'heure sa serai sympa.
Merci @+
A voir également:

2 réponses

prof d'informatique
5 juin 2007 à 19:43
comment !
0
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
3 mars 2005 à 13:31
Salut,

Est-ce que tu as essayé de paramétré du css dans l'entête de ta page, puis d'appliquer ce style à ton span ?

Par exemple:
<style type="text/css">
.heure{
   font-family:Verdana;
   font-size:10pt;
   color:#3333FF;
   border-style:solid;
   border-color:#666666;
}
</style>

et tu peux continuer a paramétrer tout ce que tu veux... insère simplement ce code entre les balises <head> et </head>.

Il ne te reste plus qu'à modifier ta balise span comme ca :
<span id ="Calk" class="heure"></span>

et ça devrait marcher. Tiens moi au courant.

@+
-1