Affichage de la date et l'heure en page et dans la barre d'état avec un tout petit code

Soyez le premier à donner votre avis sur cette source.

Snippet vu 8 719 fois - Téléchargée 29 fois

Contenu du snippet

Tout les commentaires sont dans le code

Source / Exemple :


<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é par le script quant ce code est visualisé
dans un navigateur</p>
</BODY>
</HTML>

Conclusion :


sidoummoudz@yahoo.fr

A voir également

Ajouter un commentaire

Commentaires

cs_roro06
Messages postés
732
Date d'inscription
jeudi 2 janvier 2003
Statut
Membre
Dernière intervention
29 octobre 2007
-
pour le style, utiliser plutôt :
<style>
#MyTime
{color:navy;
font-family:"verdana";
font-size:13;
font-weight:bold;}
</style>

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
Mike SN53477
Messages postés
27
Date d'inscription
dimanche 27 mars 2005
Statut
Membre
Dernière intervention
27 août 2005
-
Un grand merci pour le code.
Un gain de temps de recherche pour moi.
Au fait il manque la balise de fin </HEAD>
cs_boro64
Messages postés
5
Date d'inscription
mardi 21 février 2006
Statut
Membre
Dernière intervention
8 mai 2006
-
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

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.