L'heure sur votre page.

Dans une DIV modifiable

 

Indiquez l'heure sur votre page dans une DIV modifiable
Voir aussi : Modifier le contenu d'une DIV

 

<script language="JavaScript">
<!--
//PLF-http://www.jecreemonsite.net/
function heure () {
var Maintenant = new Date();
var heures = Maintenant.getHours();
var minutes = Maintenant.getMinutes();
var secondes = Maintenant.getSeconds();
heures = ((heures < 10) ? " 0" : " ") + heures;
minutes = ((minutes < 10) ? ":0" : ":") + minutes;
secondes = ((secondes < 10) ? ":0" : ":") + secondes;
document.getElementById('divheure').innerHTML = heures + minutes + secondes;
setTimeout("heure()",1000);
}
//-->
</script>

Infos Code

Javascript à placer dans l'entête de la page (entre <head> et </head>)

var Maintenant = new Date();
.../...
secondes = ((secondes < 10) ? ":0" : ":") + secondes; :définition et mise en format de l'heure

document.getElementById('divheure').innerHTML = heures + minutes + secondes; : On insére les variable dans la DIV divheure

 

<div align="center" id="divheure"> <!-- DIV Modifiable//--> </div>
<noscript><a href="http://www.jecreemonsite.net/">html javascript php</a></noscript>
<script language="JavaScript">heure()</script>

Infos Code

Partie à placer dans le corps de votre page.

<div align="center" id="divheure"> <!-- DIV Modifiable//--> </div>

Vous pouvez modifier le format avec les balises <font>,<strong>...

<strong><font color="#0000FF" size="4">
<div align="center" id="divheure"> <!-- DIV Modifiable//--> </div>
</font></strong>

ou des balises définies dans vos fichiers CSS

<div class="divmod" id="divheure"> <!-- DIV Modifiable//--> </div>
ou
<h2 align="center" id="divheure"> <!-- DIV Modifiable//--> </h2>

Vous pouvez aussi indiquez l'heure dans une zone de texte
ou sur un bouton

Infos Code

Dans le 1er script remplacez :

document.getElementById('divheure').innerHTML = heures + minutes + secondes;
par
document.formheure.heure1.value = heures + minutes + secondes;

Et placez l'un des codes ci-dessous dans le corps de la page :

Dans les exemples les couleurs sont obtenues avec l'attribut style :

style="background-color:#000033;color:#CCFF33;font-weight:bold;"

Voir Mettez du"style" dans vos formulaires !

Zone de texte

<form name="formheure" onsubmit="0">
<p align="center">
<input name="heure1" size="8" value="" type="text" style="background-color:#000033;color:#CCFF33;font-weight:bold;">
</p>
</form>
<noscript><a href="http://www.jecreemonsite.net/">html javascript php</a></noscript>
<script language="JavaScript">heure()</script>

Bouton

<form name="formheure" onsubmit="0">
<p align="center">
<input name="heure1" value=" 06:43:18" type="button" style="background-color:#0000FF;color:#FFFFFF;font-weight:bold;">
</p>
</form>
<noscript><a href="http://www.jecreemonsite.net/">html javascript php</a></noscript>
<script language="JavaScript">heure()</script>

 

 

 

Ce site vous a plu ? Vous avez trouvé ce que vous cherchiez ?
Faites en profiter les autres : insérez un lien sur votre site

 

Cette Fenêtre de Texte Défilant dans Votre Page

 

 

Cette Fenêtre de Texte Défilant dans Votre Page

 

Mon Hebergeur

 

Je Crée Mon Site Création Mars-2010