Police de Caractère dans code javascript

Fermé
Maxime - 17 févr. 2010 à 18:13
Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 - 18 févr. 2010 à 11:18
Bonjour,
J'aimerais savoir comment modifier la police de caractère de l'heure/date de ces codes javascript. Que dois-je ajouter ?

Pour la date :

<script type="text/javascript">			
var date = new Date();			
var jour = date.getDay();		
var nombre = date.getDate();		
var mois = date.getMonth();		
var annee = date.getFullYear();

var array_jour = new Array("DIMANCHE", "LUNDI", "MARDI", "MERCREDI", "JEUDI", "VENDREDI", "SAMEDI");		
var array_mois = new Array("JAN.", "FEVR.", "MARS", "AVRIL", "MAI", "JUIN", "JUILL.", "AOUT", "SEPT.", "OCT.", "NOV.", "DEC.");	
document.write(array_jour[jour] + " " + nombre + " " + array_mois[mois] + " " + "");</script>


Pour l'heure :

<p id="heure"></p>		<script type="text/javascript">			function heure() {				var date = new Date();						var heures = date.getHours();		var minutes = date.getMinutes();		var secondes = date.getSeconds();				if (heures < 10){			heures = "0" + heures;		}				if (minutes < 10){			minutes = "0" + minutes;		}				if (secondes < 10){			secondes = "0" + secondes;		}		document.getElementById('heure').innerHTML = " " + heures + ":" + minutes;		setTimeout("heure()", 1000);		}				heure();	</script>


Merci d'avance.

Maxime Talhouk.
A voir également:

6 réponses

Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
17 févr. 2010 à 18:39
tu changes <p id="heure"></p>
par
<p id="heure" style="font-family:Verdana;"></p>

Pour avoir du Verdana par exemple.
1
Merci.
Et pour la date ?

Maxime Talhouk.
0
Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
17 févr. 2010 à 18:51
Bin pour ta date, le souci c'est que tu fais un document.write, donc ca le met un peu n'importe ou dans ta page
il faudrait faire dans ta page une div pour recevoir la date :
<div id="date"style="font-family:Verdana;"></div>

Puis changer dans le javascript la ligne suivante :
document.write(array_jour[jour] + " " + nombre + " " + array_mois[mois] + " " + "");

Par

document.getElementById('date').innerHTML = array_jour[jour] + " " + nombre + " " + array_mois[mois] + " ";

Et la tu devrais avoir ce que tu veux ;)
0
Merci
0

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

Posez votre question
Une dernière question : comment modifier la taille de l'heure affichée pour le script suivant :

<p id="heure" style="font-family:Calibri;"></p> 		<script type="text/javascript">			function heure() {				var date = new Date();						var heures = date.getHours();		var minutes = date.getMinutes();		var secondes = date.getSeconds();				if (heures < 10){			heures = "0" + heures;		}				if (minutes < 10){			minutes = "0" + minutes;		}				if (secondes < 10){			secondes = "0" + secondes;		}		document.getElementById('heure').innerHTML = " " + heures + ":" + minutes;		setTimeout("heure()", 1000);		}				heure();	</script>


Merci.
Maxime Talhouk.
0
Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
18 févr. 2010 à 11:18
Bon j'veux bien, mais bon tu sais tu peux chercher CSS sur google et tu vas trouver...
rajoutes dans style ' font-size:25px ' par exemple.
0