begin process at 2010 03 22 01:12:29
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Date & Heure

 > AFFICHAGE DE LA DATE ET L'HEURE EN PAGE ET DANS LA BARRE D'ÉTAT AVEC UN TOUT PETIT CODE

AFFICHAGE DE LA DATE ET L'HEURE EN PAGE ET DANS LA BARRE D'ÉTAT AVEC UN TOUT PETIT CODE


 Information sur la source

 Description

Tout les commentaires sont dans le code

Source

  • <HTML>
  • <HEAD><TITLE>A Simple Clock</TITLE>
  • <SCRIPT LANGUAGE="JScript">
  • <!--
  • function startClock() {
  • window.setInterval("Clock_Tick()", 1000); //Ne changez pas le numéro 1000 puisqu'il signifie 1 second qui est l'intervalle logique dans le temps.
  • //On met le nom de la deuxième fonction juste après pour qu'elle prend effet
  • //immédiatement avant le temps défini, puis ce temps sert d'intervalle une fois
  • //elle commence.
  • Clock_Tick()
  • }
  • function Clock_Tick(){
  • var s = Date();
  • var t = s.substring(0,25); //Pour voire aparaitre que le temps mettez (10,20)
  • //innerText sert à afficher la variable au lieu dans l'objet -dans notre cas MyTime-
  • //meme s'il y a de l'écriture.
  • document.all.MyTime.innerText = t;
  • //Ce que suit c'est pour donner du style.
  • document.all.MyTime.style.color="navy"
  • document.all.MyTime.style.fontFamily="verdana"
  • document.all.MyTime.style.fontSize="13"
  • document.all.MyTime.style.fontWeight="bold";
  • window.status=t; //Cela c'est pour afficher la date et l'heure dans la barre d'état( barre des taches)
  • }
  • //-->
  • </SCRIPT>
  • <meta name="generator" content="Namo WebEditor v4.0">
  • <BODY onload="startClock();">
  • <p id="MyTime">Ce texte sera remplac&eacute; par le script quant ce code est visualis&eacute;
  • dans un navigateur</p>
  • </BODY>
  • </HTML>
<HTML>
<HEAD><TITLE>A Simple Clock</TITLE>
<SCRIPT LANGUAGE="JScript">
<!-- 
function startClock() {
    window.setInterval("Clock_Tick()", 1000); //Ne changez pas le numéro 1000 puisqu'il signifie 1 second qui est l'intervalle logique dans le temps.
//On met le nom de la deuxième fonction juste après pour qu'elle prend effet
//immédiatement avant le temps défini, puis ce temps sert d'intervalle une fois
//elle commence.
    Clock_Tick()
}
function Clock_Tick(){
    var s = Date();
    var t = s.substring(0,25); //Pour voire aparaitre que le temps mettez (10,20)
//innerText sert à afficher la variable au lieu dans l'objet -dans notre cas MyTime-
//meme s'il y a de l'écriture.
    document.all.MyTime.innerText = t;
//Ce que suit c'est pour donner du style.    
    document.all.MyTime.style.color="navy"
    document.all.MyTime.style.fontFamily="verdana"
    document.all.MyTime.style.fontSize="13"
    document.all.MyTime.style.fontWeight="bold";
    window.status=t;  //Cela c'est pour afficher la date et l'heure dans la barre d'état( barre des taches)
}
//-->
</SCRIPT>
<meta name="generator" content="Namo WebEditor v4.0">
<BODY onload="startClock();">
<p id="MyTime">Ce texte sera remplac&eacute; par le script quant ce code est visualis&eacute;
dans un navigateur</p>
</BODY>
</HTML>


 Conclusion

sidoummoudz@yahoo.fr


 Sources du même auteur

COMPTEUR À REBOURS SECONDES, MINUTES ET HEURES DHTML(JAVASCR...
CHANGEMENT DU STYLE DES ZONES DE TEXTE PENDANT LA FOCALISATI...
UN SEUL ALERT POUR TOUTES LES ERREURS DE VALIDATION D'UN FOR...
UN SEUL ALERT POUR TOUTES LES ERREURS DE VALIDATION D'UN FOR...
ENCHAINEMENT DE MESSAGES EN BOUCLE FASCINANT

 Sources de la même categorie

Source avec Zip CHRONOMÈTRE AMÉLIORÉ par Kolosta
Source avec Zip SLEEP() SANS BOUCLE D'ATTENTE CONSOMMATRICE par Phildepantin
Source avec Zip AFFICHAGE DE L'HEURE ET DU FUSEAU HORAIRE (TIMEZONE) SUR LA ... par navylav2
Source avec Zip Source avec une capture HORLOGE TRIPLE AFFICHAGE AU FORMAT AM/PM/24H/DST par sofiane1234
Source avec Zip Source avec une capture HORLOGE NUMÉRIQUE EN JAVASCRIPT, COMPATIBLE IE ET FF par bad_dark_spirit

Commentaires et avis

Commentaire de roro06 le 26/03/2004 09:31:35

pour le style, utiliser plutôt :
&lt;style&gt;
#MyTime
{color:navy;
font-family:"verdana";
font-size:13;
font-weight:bold;}
&lt;/style&gt;

et au lieu de :
document.all.MyTime.innerText

utiliser plutôt :
document.getElementById("MyTime").innerHTML=t;

Enfin, ne pas utiliser Jscript mais javascript

Pourquoi ? tout simplement pour assurer la compatibilité Netscape

Commentaire de Mike SN53477 le 27/03/2005 12:37:31

Un grand  merci pour le code.
Un gain de temps de recherche pour moi.
Au fait il manque la balise de fin </HEAD>

Commentaire de boro64 le 30/04/2006 19:10:38

pas mal, et c'est ce que je cherchais...MAIS : Texte et date en anglais, et l'heure s'affiche avant la fin de date (2006 en l'occurence); de plus le style n'est pas reconnu par Firefox !
Si quelqu'un a les solutions, merci d'avance; sinon, bravo

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,686 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales