Afficher Date Heure en cours sur page web
charlybegood46
Messages postés
1
Date d'inscription
mardi 11 mars 2003
Statut
Membre
Dernière intervention
11 mars 2003
-
11 mars 2003 à 14:34
cs_islemislem Messages postés 1 Date d'inscription mercredi 21 avril 2010 Statut Membre Dernière intervention 4 mai 2010 - 4 mai 2010 à 00:12
cs_islemislem Messages postés 1 Date d'inscription mercredi 21 avril 2010 Statut Membre Dernière intervention 4 mai 2010 - 4 mai 2010 à 00:12
3 réponses
cs_Dean
Messages postés
500
Date d'inscription
mardi 16 avril 2002
Statut
Membre
Dernière intervention
2 août 2004
11 mars 2003 à 22:18
11 mars 2003 à 22:18
http://www.google.fr
Rechercher "date heure javascript"
>Tout est pour le mieux dans le meilleur des mondes
Tiens un amateur de Pangloss (Candide) ?
Dean
http://kickme.to/charloweb
Rechercher "date heure javascript"
>Tout est pour le mieux dans le meilleur des mondes
Tiens un amateur de Pangloss (Candide) ?
Dean
http://kickme.to/charloweb
deadwater
Messages postés
2
Date d'inscription
dimanche 2 décembre 2007
Statut
Membre
Dernière intervention
5 mai 2008
16 déc. 2007 à 20:11
16 déc. 2007 à 20:11
oliver c'est le code d'afficher l'heure et le date
presse papier
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>date / horloge</title>
<script language="JavaScript">
<!--
function namosw_init_clock()
{
//*************************************Expliquation sur le fonctionnement du script***********************************
//Ce programme permet de créer une horloge en temps réel
//On peut définir autant d'horloge que l'on souhaite (sur une même page) chaqu'une d'entre elle doit être definie par 2 paramètres le premier
//permet de définir l'id de la balise span dans laquelle l'horloge apparaitra et le second paramètre permet de definir
//le type d'horloge à utiliser
//7 types d'horloge peuvent être affichées
//********************************************************************************************************************
//Cette fonction permet de charger les paramètres qui définissent les différentes horloges (localisation et type de l'horloge)
//ainsi que le contenu des tableaux contenant les noms des jours et des mois lors du chargement de la page
var type, i, top, obj, clocks, strobj, tempvar;
clocks = new Array();
//Permet de récupérer les n argument définits dans les paramètres de la fonction namosw_init_clock() lors du chargement de la page for (i 0, top 0; i < namosw_init_clock.arguments.length; i += 2)//ici on extrait chaque paramètre définit dans la fonction namosw_init_clock() lors du chargement de la page et on les places dans un tableau objet
{
//namosw_init_clock.arguments[i] : paramètre i définit dans les arguments de la fonction namosw_init_clock(argument1, argument2,...)
strobj = eval('document.getElementById("' + namosw_init_clock.arguments[i] + '")');//Permet de définir l'objet dans lequel sera afficher l'horloge sur la page html à partir des paramètres paires définit dans la fonction lors du chargement de la page
type = namosw_init_clock.arguments[i+1];
if (type < 1 && 7 < type) continue;
clocks[top++] = strobj;
clocks[top++] = type;
}
//*****************definition des tableau contenant les noms des mois et des jours****************
clocks.months = new Array('Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet',
'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre');
clocks.days = new Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi',
'Jeudi', 'Vendredi', 'Samedi');
//************************************************************************************************
if (top > 0)
{
document.namosw_clocks = clocks;
namosw_clock();
}
}
function namosw_clock()
{
//fonction permettant l'affichage des différentes horloges suivant les différents formats ainsi que les différents endroits
//(au niveau des balises span) ainsi que le lancement de l'execution toutes les secondes
var i, type, clocks, next_call, str, hour, ampm, now, year2, year4;
clocks = document.namosw_clocks;
if (clocks == null) return;
next_call = false;
//affichage de toutes les horloges en fonction du type et de l'id de la balise span dans laquelle l'horloge sera affiché
for (i = 0; i < clocks.length; i += 2) {
obj = clocks[i];//objet dans lequel sera affiché la n ième horloge
type = clocks[i+1];//type d'affichage de la n ième horloge
now = new Date();
year2 = now.getYear();
year4 = year2;
if (year2 < 1000) year4 = 1900 + year2; if (year2 >100) year2 year4;
//définition des formats en fonction du type 1,2,3,4...
//remarque : document.getElementById("type1").innerHTML permet d'afficher la date ou l'heure au niveau de la balise span ayant comme id type1 if (type 1 || type 2)
{
obj.innerHTML = now.getDate() + ' ' + clocks.months[now.getMonth()] + ' ' + year4;
if (type == 2)
obj.innerHTML = clocks.days[now.getDay()] + ' ' + obj.innerHTML;
} else if (type 3 || type 4)
{
obj.innerHTML = year2 + '/' + (now.getMonth()+1) + '/' + now.getDate();
} else if (type 5 || type 6)
{
obj.innerHTML = (now.getMonth()+1) + '/' + now.getDate() + '/' + year2;
}
if (type 4 || type 6 || type == 7)
{
hour = now.getHours();
ampm = 0;
//Dans cette ligne on teste aussi si les minutes et(ou) les secondes sont <10 si c'est le cas on concatène un 0 devant
//l'heure et(ou) les secondes (on pourrait faire la même chose avec les heures
str = hour +':'+ ((now.getMinutes() < 10) ? '0'+now.getMinutes():now.getMinutes()) +':'+ ((now.getSeconds() < 10) ? '0'+now.getSeconds():now.getSeconds());
if (type == 7)
{
obj.innerHTML = str;
}
else
{
obj.innerHTML += ' ' + str;
}
}
//si on utilise l'affichage de l'heure on met la variable next_call a true afin d'executer (settimeout) la fonction namosw_clock()
//toutes les secondes (1000 millisecondes) pour obtenir l'affichage des secondes en temps réel if (type 4 || type 6 || type == 7)
next_call = true;
}//fin for
if (next_call)
window.setTimeout("namosw_clock();", 1000);
}//fin fonction
// -->
</script>
</head>
type1 :
type2 :
type3 :
type4 :
type5 :
type6 :
type7 :
</html>
presse papier
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>date / horloge</title>
<script language="JavaScript">
<!--
function namosw_init_clock()
{
//*************************************Expliquation sur le fonctionnement du script***********************************
//Ce programme permet de créer une horloge en temps réel
//On peut définir autant d'horloge que l'on souhaite (sur une même page) chaqu'une d'entre elle doit être definie par 2 paramètres le premier
//permet de définir l'id de la balise span dans laquelle l'horloge apparaitra et le second paramètre permet de definir
//le type d'horloge à utiliser
//7 types d'horloge peuvent être affichées
//********************************************************************************************************************
//Cette fonction permet de charger les paramètres qui définissent les différentes horloges (localisation et type de l'horloge)
//ainsi que le contenu des tableaux contenant les noms des jours et des mois lors du chargement de la page
var type, i, top, obj, clocks, strobj, tempvar;
clocks = new Array();
//Permet de récupérer les n argument définits dans les paramètres de la fonction namosw_init_clock() lors du chargement de la page for (i 0, top 0; i < namosw_init_clock.arguments.length; i += 2)//ici on extrait chaque paramètre définit dans la fonction namosw_init_clock() lors du chargement de la page et on les places dans un tableau objet
{
//namosw_init_clock.arguments[i] : paramètre i définit dans les arguments de la fonction namosw_init_clock(argument1, argument2,...)
strobj = eval('document.getElementById("' + namosw_init_clock.arguments[i] + '")');//Permet de définir l'objet dans lequel sera afficher l'horloge sur la page html à partir des paramètres paires définit dans la fonction lors du chargement de la page
type = namosw_init_clock.arguments[i+1];
if (type < 1 && 7 < type) continue;
clocks[top++] = strobj;
clocks[top++] = type;
}
//*****************definition des tableau contenant les noms des mois et des jours****************
clocks.months = new Array('Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet',
'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre');
clocks.days = new Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi',
'Jeudi', 'Vendredi', 'Samedi');
//************************************************************************************************
if (top > 0)
{
document.namosw_clocks = clocks;
namosw_clock();
}
}
function namosw_clock()
{
//fonction permettant l'affichage des différentes horloges suivant les différents formats ainsi que les différents endroits
//(au niveau des balises span) ainsi que le lancement de l'execution toutes les secondes
var i, type, clocks, next_call, str, hour, ampm, now, year2, year4;
clocks = document.namosw_clocks;
if (clocks == null) return;
next_call = false;
//affichage de toutes les horloges en fonction du type et de l'id de la balise span dans laquelle l'horloge sera affiché
for (i = 0; i < clocks.length; i += 2) {
obj = clocks[i];//objet dans lequel sera affiché la n ième horloge
type = clocks[i+1];//type d'affichage de la n ième horloge
now = new Date();
year2 = now.getYear();
year4 = year2;
if (year2 < 1000) year4 = 1900 + year2; if (year2 >100) year2 year4;
//définition des formats en fonction du type 1,2,3,4...
//remarque : document.getElementById("type1").innerHTML permet d'afficher la date ou l'heure au niveau de la balise span ayant comme id type1 if (type 1 || type 2)
{
obj.innerHTML = now.getDate() + ' ' + clocks.months[now.getMonth()] + ' ' + year4;
if (type == 2)
obj.innerHTML = clocks.days[now.getDay()] + ' ' + obj.innerHTML;
} else if (type 3 || type 4)
{
obj.innerHTML = year2 + '/' + (now.getMonth()+1) + '/' + now.getDate();
} else if (type 5 || type 6)
{
obj.innerHTML = (now.getMonth()+1) + '/' + now.getDate() + '/' + year2;
}
if (type 4 || type 6 || type == 7)
{
hour = now.getHours();
ampm = 0;
//Dans cette ligne on teste aussi si les minutes et(ou) les secondes sont <10 si c'est le cas on concatène un 0 devant
//l'heure et(ou) les secondes (on pourrait faire la même chose avec les heures
str = hour +':'+ ((now.getMinutes() < 10) ? '0'+now.getMinutes():now.getMinutes()) +':'+ ((now.getSeconds() < 10) ? '0'+now.getSeconds():now.getSeconds());
if (type == 7)
{
obj.innerHTML = str;
}
else
{
obj.innerHTML += ' ' + str;
}
}
//si on utilise l'affichage de l'heure on met la variable next_call a true afin d'executer (settimeout) la fonction namosw_clock()
//toutes les secondes (1000 millisecondes) pour obtenir l'affichage des secondes en temps réel if (type 4 || type 6 || type == 7)
next_call = true;
}//fin for
if (next_call)
window.setTimeout("namosw_clock();", 1000);
}//fin fonction
// -->
</script>
</head>
type1 :
type2 :
type3 :
type4 :
type5 :
type6 :
type7 :
</html>
cs_islemislem
Messages postés
1
Date d'inscription
mercredi 21 avril 2010
Statut
Membre
Dernière intervention
4 mai 2010
4 mai 2010 à 00:12
4 mai 2010 à 00:12
mais ca ne marche pas pour moi j ai rien compris
