Horloge Dynamique Javascript
Tuni
-
prof d'informatique -
prof d'informatique -
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 @+
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:
- Heure dynamique javascript
- Tableau croisé dynamique - Guide
- Changement d'heure - Guide
- Exemple tableau croisé dynamique télécharger - Télécharger - Tableur
- Liste déroulante dynamique excel - Guide
- Heure de connexion whatsapp qui ne changé pas - Accueil - WhatsApp
2 réponses
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:
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 :
et ça devrait marcher. Tiens moi au courant.
@+
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.
@+
