Police de Caractère dans code javascript

Maxime -  
Zep3k!GnO Messages postés 2049 Statut Membre -
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.
Configuration: Windows 7 Internet Explorer 7.0

6 réponses

  1. Zep3k!GnO Messages postés 2049 Statut Membre 200
     
    tu changes <p id="heure"></p>
    par
    <p id="heure" style="font-family:Verdana;"></p>

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

    Maxime Talhouk.
    0
  3. Zep3k!GnO Messages postés 2049 Statut Membre 200
     
    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
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. Maxime
     
    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
  6. Zep3k!GnO Messages postés 2049 Statut Membre 200
     
    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