1. Présentation
Lorsque vous parcourez de nombreux sites Web, vous constaterez que la fonction de l'affichage du temps système actuel est ajoutée au site Web. L'affichage du temps système actuel sur la page Web rend non seulement pratique pour les téléspectateurs de saisir l'heure actuelle, mais également d'embellir la page Web.
2. Points techniques
Implémentation à l'aide d'objets date. Tout d'abord, créez un objet date () représentant l'heure du système actuel, puis obtenez les valeurs de l'année, mois, jour, heure, minute, deuxième et semaine de l'heure actuelle du système via la méthode getxxx () de l'objet Date. Ensuite, combinez les valeurs obtenues en une chaîne de date et d'heure et définissez la chaîne de date et d'heure sur le contenu de la balise <div>. Enfin, utilisez la fonction setTimeout () de l'objet Window pour appeler une fonction qui affiche le temps système en temps réel toutes les 1 secondes.
3. Implémentation spécifique
(1) Créez une nouvelle page index.jsp et écrivez une fonction JavaScript qui affiche le temps système en temps réel. Le code clé est le suivant:
/ *** Affichage en temps réel de l'heure du système * / fonction getlangDate () {var dateoBj = new Date (); // objet date représentant l'heure système actuelle var année = dateoBj.getlyar (); // La valeur complète de l'année du système système actuel var mois = dateoBj.getMonth () + 1; // La valeur du mois de l'heure du système actuelle Var Date = DateObj.getDate (); // le jour de l'heure du système actuel var day = dateoBj.getDay (); // le jour du système actuel du système Var Weeks = ["Sunday", "lundi", "mardi", "jeudi", "vendredi", "samedi"]; Var semaine = semaines [jour]; // D'après la valeur de la semaine, obtenez la chaîne de semaine correspondante à partir du tableau var hour = dateoBj.Gethours (); // La valeur de l'heure du temps actuel du système var minute = dateObj.getMinutes (); // la valeur minute du temps actuel du système var second = dateoBj.getSeconds (); // La deuxième valeur du temps actuel du système // Si les valeurs du mois, du jour, de l'heure, de la minute et du second sont inférieures à 10, ajoutez 0if (mois <10) {mois = "0" + mois;} if (date <10) {date = "0" + date;} if (hour <10) {hour = "0" + hour;} if (if (muty <10) {minute = "0" + minute;} "0" + seconde;} var newdate = an + "année" + mois + "mois" + date + "jour" + semaine + "" + hour + ":" + minute + ":" + second; document.getElementByid ("datestr"). Innerhtml = "annonce système: [" + newdate + "]"; settimeout ("getlangdate ()", 1000);(2) La fonction JavaScript écrite dans l'étape de chargement de l'événement Onload (1) dans la balise <body>, et la balise <v> est ajoutée à la position appropriée de la page, avec l'ID "Datestr". Le code clé est le suivant:
<body onload = "getlangDate ()"> <div id = "datestr"> </div> </ody>
Lors de l'affichage en temps réel du temps du système, vous pouvez également utiliser la méthode setIntervar () de l'objet Window. La méthode setInterval () est similaire à la méthode setTimeout ().
La différence est qu'après avoir appelé la méthode setIntervar () de l'objet Window, la méthode JavaScript appelée par la méthode setIntervar () sera exécutée tout le temps, tandis que la méthode setTimeout () ne peut être exécutée qu'une seule fois. Si vous souhaitez exécuter une méthode JavaScript via la méthode setTimeout (), setTimeout () doit être écrit dans la méthode JavaScript appelée.
Ce qui précède est la connaissance pertinente qui vous est présentée par l'éditeur sur l'affichage en temps réel du temps système basé sur le code JS. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!