|
 Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
 PHP ET JAVASCRIPT : AFFICHER UNE HORLOGE BASÉE SUR L'HEURE DU SERVEUR
 Information sur la source
 Description
//---------------------------------------------------------------------------------------------------------- //- méthode permettant de gérer un cadran (heure + date) - //- @param id_cadran l'id du cadran - //- time le temps du serveur - //- appel le numéro d'appel (hasChildNodes() renvoie true sous FF et false sous IE ...) - //- @return rien - //---------------------------------------------------------------------------------------------------------- function horloge(id_cadran, time, appel) { }
 Source
//----------------------------------------------------------------------------------------------------------
//- méthode permettant de gérer un cadran (heure + date) -
//- @param id_cadran l'id du cadran -
//- time le temps du serveur -
//- appel le numéro d'appel (hasChildNodes() renvoie true sous FF et false sous IE ...) -
//- @return rien -
//----------------------------------------------------------------------------------------------------------
function horloge(id_cadran, time, appel)
{
// conversion en entier des variables time et appel; au premier appel ce sont des chaînes
time = parseInt(time);
appel = parseInt(appel);
// on en fait une date
var d = new Date(time * 1000);
// on récupère les différentes composantes
var heure = d.getHours();
var min = d.getMinutes();
var sec = d.getSeconds();
// gestion des 0 pour qu'il y ait toujours un chiffre de la forme xx
if (heure < 10)
{
heure = "0" + heure;
}
if (min < 10)
{
min = "0" + min;
}
if (sec < 10)
{
sec="0"+sec;
}
// le jour (libellé)
var day;
switch (d.getDay())
{
case 1: day = "lundi";
break;
case 2: day = "mardi";
break;
case 3: day = "mercredi";
break;
case 4: day = "jeudi";
break;
case 5: day = "vendredi";
break;
case 6: day = "samedi";
break;
case 0: day = "dimanche";
break;
default: day = "erreur : " + d.getDay();
}
// le mois
var mois;
switch (d.getMonth())
{
case 0: mois = "janvier";
break;
case 1: mois = "février";
break;
case 2: mois = "mars";
break;
case 3: mois = "avril";
break;
case 4: mois = "mai";
break;
case 5: mois = "juin";
break;
case 6: mois = "juillet";
break;
case 7: mois = "août";
break;
case 8: mois = "septembre";
break;
case 9: mois = "octobre";
break;
case 10: mois = "novembre";
break;
case 11: mois = "décembre";
break;
default: mois = "erreur : " + d.getMonth();
}
var annee = d.getFullYear(); // l'année xxxx
var jour = d.getDate(); // le jour (chiffre)
// si elle n'existe pas on la crée
if (appel == 1)
{
fieldset = document.createElement("fieldset");
legend = document.createElement("legend");
hr = document.createElement("hr");
br = document.createElement("br");
divCadran = document.createElement("div");
texteLegend = document.createTextNode("Horloge");
texteDate = document.createTextNode(day + " " + jour + " " + mois + " " + annee);
texteHeure = document.createTextNode(heure + " h " + min + " min " + sec + " sec");
divCadran.id = "divCadran";
// mise en forme du DOM
divCadran.appendChild(texteDate);
divCadran.appendChild(br);
divCadran.appendChild(texteHeure);
legend.appendChild(texteLegend);
fieldset.appendChild(legend);
fieldset.appendChild(hr);
fieldset.appendChild(divCadran);
document.getElementById(id_cadran).appendChild(fieldset);
}
else // sinon on met à jour la date et l'heure
{
document.getElementById("divCadran").childNodes.item(0).nodeValue = day + " " + jour + " " + mois + " " + annee;
document.getElementById("divCadran").childNodes.item(2).nodeValue = heure + " h " + min + " min " + sec + " sec";
}
// temps unix + 1
time = time + 1;
// incrémentation de appel
appel = appel + 1;
// on rappelle la fonction aprés une seconde
setTimeout("horloge('" + id_cadran + "', '" + time + "', '" + appel + "')",1000);
}
 Conclusion
Fonctionnement trés simple : - charger la fonction avec la page: <body onload=\"javascript: horloge('cadran', '".time()."', '1');\"> - ajouter une div (ou boite en général) dans laquelle mettre l'heure: <div id=\"cadran\" class=\"cadran\"></div> Et voilà, ceux qui consultent votre site ont maintenant l'heure du serveur en temps réel et non l'heure du client !!
 Fichier Zip
Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
 Télécharger le zip
 Historique
- 23 août 2006 10:16:18 :
- La catégorie Date/Heure est plus appropriée ...
- 23 août 2006 10:18:04 :
- ...
- 23 août 2006 12:37:04 :
- innerHTML est déprécié donc DOM oblige ...
- 23 août 2006 15:03:00 :
- Le bug de IE est corrigé grâce au commentaire de malalam ... par contre FireFox et IE ne retourne pas la même chose pour la méthode hasChildNodes donc un paramètres a été ajouté à la fonction ...
PS: pour ceux qui se demandent pourquoi replaceChild() a été enlevé c'est qu'il y a un bug de cette méthode sous IE ...
- 23 août 2006 16:13:25 :
- ajout du fichier zip
- 23 août 2006 16:17:08 :
- changement de catégorie
- 23 août 2006 16:20:16 :
- modification agencement source
- 04 septembre 2006 13:25:00 :
- Conformément à certaines demandes un exemple complet de fonctionnement de l'horloge
 Sources de la même categorie
Sources en rapport avec celle ci
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
programeur javascript,php,html [ par flolag ]
si il ya des webmasters qui aurait creer ou qui voudrai proposez des scripts jaascript,php pour mon site sont les bienvenues.Aler sur mon site et dans
fonction ereg() comme en php [ par eax ]
salut!je suis débutant en javascriptje cherche une fonction en javascript qui fonctionne comme la fonction ereg() en phpsi qqun connait un tutorial po
Recuperer le SId avec javascript [ par nikos283 ]
SalutJ'ai une petit proble, voila j'ai une page php qui crée une session et j'aimerai avec javascript recupérer le nom et valeur de cette session. pou
php et javascript [ par overider ]
salutje voudrais combiner un code javascript (obtenu avec 132menu téléchargeable en freeware sur www.telecharger.com) avec des donnés issus d'une requ
JAVASCRIPT - PHP [ par iomega ]
Bonjour à tous je voudrai savoir si c'est possible de récuper une variable PHP et y insérer dans un script Javascript Exemple $nom = ma variable PHP &
Javascript et PHP [ par iomega ]
Bonjour à tous voici mon ptit problème.j'ai une variable PHP $passeSignature qui me crypte le champ $txtSignature.Ce que je veux faire, c'est dans mon
Du php dans un script javascript. Est ce possible? [ par bouchardg ]
Bonjour,Est ce qu'il est possible d'incorporer du php dans un script javascript?Par exemple: j'aimerai faire un menu javascript pour des films, et je
php et javascript dans une boite confirm [ par alexjet ]
bonjour à tous, J'aimerai recupérer dans une variable php une variable javascript, voici mon script : ---------------------- function confirm($msg) {
JavaScript utilisée dans PHP [ par Chinatraveler ]
BonjourDans une même page *.php mêlant PHP et javascript, je souhaite utiliser l'objet "document.referrer" dans une condition "if" PHP.Est-ce possible
Passage de variable javascript vers php [ par zakuli ]
Bonjour,Débutant Javascript, j'aimerai savoir s'il éxiste un moyen simple de passer une variable (issue d'une fonction javascript) à un script php.Exe
|
 Téléchargements
Logiciels à télécharger sur le même thème :
|