begin process at 2010 03 18 21:05:10
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Date & Heure

 > HEURE ET DATE EN TEMPS RÉEL !!

HEURE ET DATE EN TEMPS RÉEL !!


 Information sur la source

Note :
8,2 / 10 - par 5 personnes
8,20 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Date & Heure Niveau :Débutant Date de création :20/08/2001 Date de mise à jour :17/03/2002 10:52:14 Vu / téléchargé :39 348 / 585
Auteur : Kallimakhos

Ecrire un message privé
Site perso
Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note

 Description

Petite amélioriation du code de cyberjs...
Script affichant en temps réel l'heure et la date actuelle.
La date est affichée en toutes lettres.

Je viens d'apercevoir une erreur dans mon code, j'avais oublié le mois d'octobre... Toutes mes excuses pour ceux qui ne l'avait pas remarqué.

Voici la version corrigée ;-)

+ ET améliorée !

>> Quelques précisions, le premier code ne marche qu'à partir de IE 5 mais pas sous Nescape, alors j'ai rajouté le second code qui à l'aide de structures conditionnelle HTLM, détermine la version du navigateur utilisé :
<!--[if IE 5]> pour le code pour IE 5
<!--[else]> pour Nescape et les autres qui ne pourront bénéficier de l'heure remise à jour toutes les secondes.
<![endif]--> marque la fin de la structure conditionnelle

Source

  • <html>
  • <title>Script affichant l'heure et la date actuelle | by Kallimakhos</title>
  • <head>
  • <script language="JavaScript">
  • function Heure() {
  • jours = new Array ("dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi");
  • mois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");
  • d=new Date;
  • if (d.getHours()<10) {h="0"+d.getHours()};
  • else {h=d.getHours()};
  • if (d.getMinutes()<10) {min="0"+d.getMinutes()};
  • else {min=d.getMinutes()};
  • if (d.getSeconds()<10) {sec="0"+d.getSeconds()};
  • else {sec=d.getSeconds()};
  • j=jours[d.getDay()];
  • if (d.getDate()<10) {n="0"+d.getDate()};
  • else {n=d.getDate()};
  • m=mois[d.getMonth()];
  • a=d.getYear();
  • txt="Nous sommes le "+j+" "+n+" "+m+" "+a+", il est : "+h+":"+min+":"+sec;
  • Calk.innerHTML = txt;
  • setTimeout("Heure()", 1000);
  • }
  • </script>
  • <body onload="Heure()">
  • <span id ="Calk"></span>
  • </body>
  • </htlm>
  • <!--J'ajoute néanmoins quelque précisions sur ce code : seuls les utilisateurs d'Internet Explorer pourront appercevoir la date et l'heure en temps réel, ainsi si vous voulez faire fonctionner ce code sous Nescape, une erreur sera renvoyée. Voici ce qu'il faut modifier pour que les utilisateurs de Nescape aient la date mais ils ne l' auront pas en temps réel. Si quelqu'un connait l'astuce, merci de nous la faire partager ! -->
  • <html>
  • <title>Script affichant l'heure et la date actuelle pour tous les navigateurs | by Kallimakhos</title>
  • <head>
  • <! Détermination de la version du navigateur : la balise span n'est prise en compte que pour Internet Explorer v5 minimum>
  • <!--[if IE 5]>
  • <script language="JavaScript">
  • function Heure() {
  • jours = new Array ("dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi");
  • mois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");
  • d=new Date;
  • if (d.getHours()<10) {h="0"+d.getHours()};
  • else {h=d.getHours()};
  • if (d.getMinutes()<10) {min="0"+d.getMinutes()};
  • else {min=d.getMinutes()};
  • if (d.getSeconds()<10) {sec="0"+d.getSeconds()};
  • else {sec=d.getSeconds()};
  • j=jours[d.getDay()];
  • if (d.getDate()<10) {n="0"+d.getDate()};
  • else {n=d.getDate()};
  • m=mois[d.getMonth()];
  • a=d.getYear();
  • txt="Nous sommes le "+j+" "+n+" "+m+" "+a+", il est : "+h+":"+min+":"+sec;
  • Calk.innerHTML = txt;
  • setTimeout("Heure()", 1000);
  • }
  • </script>
  • <![endif]-->
  • <!--[if IE 5]>
  • <body onload="Heure()">
  • <!--[else]>
  • <body>
  • <![endif]-->
  • <!--[if IE 5]>
  • <span id ="Calk"></span>
  • <!--[else]>
  • <! Affichage s'il ne s'agit pas d'IE 5 de l'heure lors du chargement de la page>
  • <script language="JavaScript"><!--
  • jours = new Array ("dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi");
  • mois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");
  • d=new Date;
  • if (d.getHours()<10) {h="0"+d.getHours()};
  • else {h=d.getHours()};
  • if (d.getMinutes()<10) {min="0"+d.getMinutes()};
  • else {min=d.getMinutes()};
  • if (d.getSeconds()<10) {sec="0"+d.getSeconds()};
  • else {sec=d.getSeconds()};
  • j=jours[d.getDay()];
  • if (d.getDate()<10) {n="0"+d.getDate()};
  • else {n=d.getDate()};
  • m=mois[d.getMonth()];
  • a=d.getYear();
  • document.write("Nous sommes le "+j+" "+n+" "+m+" "+a+", il est : "+h+":"+min+":"+sec)
  • // --></script>
  • <![endif]-->
  • </body>
  • </htlm> 
<html>
<title>Script affichant l'heure et la date actuelle | by Kallimakhos</title>
<head>

<script language="JavaScript">

function Heure() {
jours = new Array ("dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi");
mois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");
d=new Date;
if (d.getHours()<10) {h="0"+d.getHours()};
else {h=d.getHours()};
if (d.getMinutes()<10) {min="0"+d.getMinutes()};
else {min=d.getMinutes()};
if (d.getSeconds()<10) {sec="0"+d.getSeconds()};
else {sec=d.getSeconds()};
j=jours[d.getDay()];
if (d.getDate()<10) {n="0"+d.getDate()};
else {n=d.getDate()};
m=mois[d.getMonth()];
a=d.getYear();
txt="Nous sommes le "+j+" "+n+" "+m+" "+a+", il est : "+h+":"+min+":"+sec;
Calk.innerHTML = txt;
setTimeout("Heure()", 1000);
}
</script>

<body onload="Heure()">
<span id ="Calk"></span>

</body>

</htlm>


<!--J'ajoute néanmoins quelque précisions sur ce code : seuls les utilisateurs d'Internet Explorer pourront appercevoir la date et l'heure en temps réel, ainsi si vous voulez faire fonctionner ce code sous Nescape, une erreur sera renvoyée. Voici ce qu'il faut modifier pour que les utilisateurs de Nescape aient la date mais ils ne l' auront pas en temps réel. Si quelqu'un connait l'astuce, merci de nous la faire partager ! -->

<html>
<title>Script affichant l'heure et la date actuelle pour tous les navigateurs | by Kallimakhos</title>
<head>

<! Détermination de la version du navigateur : la balise span n'est prise en compte que pour Internet Explorer v5 minimum>
<!--[if IE 5]>
<script language="JavaScript">

function Heure() {
jours = new Array ("dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi");
mois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");
d=new Date;
if (d.getHours()<10) {h="0"+d.getHours()};
else {h=d.getHours()};
if (d.getMinutes()<10) {min="0"+d.getMinutes()};
else {min=d.getMinutes()};
if (d.getSeconds()<10) {sec="0"+d.getSeconds()};
else {sec=d.getSeconds()};
j=jours[d.getDay()];
if (d.getDate()<10) {n="0"+d.getDate()};
else {n=d.getDate()};
m=mois[d.getMonth()];
a=d.getYear();
txt="Nous sommes le "+j+" "+n+" "+m+" "+a+", il est : "+h+":"+min+":"+sec;
Calk.innerHTML = txt;
setTimeout("Heure()", 1000);
}
</script>
<![endif]-->

<!--[if IE 5]>
<body onload="Heure()">
<!--[else]>
<body>
<![endif]-->

<!--[if IE 5]>
<span id ="Calk"></span>
<!--[else]>
<! Affichage s'il ne s'agit pas d'IE 5 de l'heure lors du chargement de la page>
<script language="JavaScript"><!--
jours = new Array ("dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi");
mois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");
d=new Date;
if (d.getHours()<10) {h="0"+d.getHours()};
else {h=d.getHours()};
if (d.getMinutes()<10) {min="0"+d.getMinutes()};
else {min=d.getMinutes()};
if (d.getSeconds()<10) {sec="0"+d.getSeconds()};
else {sec=d.getSeconds()};
j=jours[d.getDay()];
if (d.getDate()<10) {n="0"+d.getDate()};
else {n=d.getDate()};
m=mois[d.getMonth()];
a=d.getYear();
document.write("Nous sommes le "+j+" "+n+" "+m+" "+a+", il est : "+h+":"+min+":"+sec)
// --></script>
<![endif]-->

</body>

</htlm>

 Conclusion

&gt;&gt; Pour les novices, quelques précisions sur les commandes javascript et HTLM utilisées :
[Les pro s'abstiendront de lire ses quelques lignes mais c'est toujours utile pour ceux qui débutent]
new Array définie une nouvelle matrice qui fait correspondre le numéro du mois ou du jour avec le jours ou le mois en toutes lettres.
new Date.getHours() : récupère l'heure actuelle , idem pour Minutes et Seconds
setTimeout initialise le timer
Calk.innerHTLM = txt stocke le txt sous une variable HTLM span initialisée par &lt;span id ="Calk"&gt;&lt;/span&gt;
&lt;body onload="Heure()"&gt; Charge la procédure javasript au démarrage
document.write("texte") Inscrit le texte entre guillemets dans la page

Bonne prog à tous ;-)

N'hésitez pas à ajouter vos commentaires et à me demander des précisions sur ce code ...

Bravo à Nix pour l'ensemble de ses sites !
Et continuez tous à les enrichir !

PS : je ne voie pas d'où vient l'erreur signalée par Vincent avec 2040... chez moi tout fonctionne parfaitement !  

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 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
Toutes les sources de la catégorie Date & Heure

Commentaires et avis

Commentaire de jlegrand le 04/04/2002 09:25:19

Hello à tous. Petite amélioration utile pour ce qui ont des problèmes avec les décalages horaires !

Voici la fonction légèrement modifiée.


function Heure() {
jours = new Array ("dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi");
mois = new Array ("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");
d=new Date;
if (d.getHours()&lt;10) {h="0"+d.getHours()};
else {h=d.getHours()};
if (d.getMinutes()&lt;10) {min="0"+d.getMinutes()};
else {min=d.getMinutes()};
if (d.getSeconds()&lt;10) {sec="0"+d.getSeconds()};
else {sec=d.getSeconds()};
j=jours[d.getDay()];
if (d.getDate()&lt;10) {n="0"+d.getDate()};
else {n=d.getDate()};
m=mois[d.getMonth()];
a=d.getYear();
de=d.getTimezoneOffset();
de=de/60;
h=h-de;
txt="Nous somme le"+j+" "+n+" "+m+" "+a+", il est "+h+":"+min+":"+sec;
Calk.innerHTML = txt;
setTimeout("Heure()", 1000);
}

Voilà !!
@+

Commentaire de makina69220 le 09/07/2004 15:54:26

salut!!

Super exactement ce que je recherchai!!!

Bravo!!

petite question : est ce possible de modifier la couleur du texte?

si c possible peut tu expliqué précisement stp!!

merci

Commentaire de z0z0 le 12/02/2005 16:24:45

il est tout à fait possible de modifier la couleur,  ou plutôt l'affichage en général, mais par contre c'est plus pratique en CSS. va sur http://mammouthland.free.fr, section CSS débutants si je me rappelle bien, et c'est ensuite très bien expliqué.

Commentaire de The_magicien le 05/07/2005 22:10:50

Réponce à Vincent :
Bonjour, si la date affichée est 2040, cela doit être parce que la date de ton ordinateur est 2040... Vérifie la date de ton ordinateur

Commentaire de Orchidee3 le 18/09/2006 10:51:12

Bonjour - Compliments pour ce script qui fonctionne à merveille sans qu'il soit besoin d'ajouter quoi que ce soit.

Commentaire de arnaud54290 le 21/11/2006 15:35:10

Un bon exemple de copier/coller sans retouche à faire !

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


HTC Tattoo
Entre 9€ et 329€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

  
  

Visiter la photothèque
 
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,530 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)