begin process at 2012 02 12 12:03:04
  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 CALENDRIER ANNUEL UNIVERSEL AVEC SAINTS DU CALENDRIER ET FÊT... par 007Julien
OBTENIR LE NOMBRE DE JOURS D'UN MOIS SUIVANT SON ANNÉE par hugolegrand
SAINT DU JOUR par tefa24600
Source avec Zip Source avec une capture NIPCLOCK 1.2 par neep
COMPTE À REBOURS POUR ÉVÉNEMENTS À RÉPÉTITION par CSIBern

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

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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,608 sec (4)

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