Cet article décrit la méthode d'affichage du temps dynamique qui implémente JavaScript synchronisé à l'heure locale. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
L'exemple du temps d'affichage dynamique est très simple. Après avoir compris JavaScript, il est possible de compléter les choses avec quelques lignes de code.
Mais pour certaines personnes qui n'ont jamais été exposées à JavaScript, elles ressemblent presque à un grand projet, puis recherchent du code en ligne, puis ne peuvent pas la trouver dans le vaste code HTML, et ne peuvent finalement pas obtenir les points clés.
1. Objectifs de base
Implémentez une heure de texte de la page Web accompagnée du temps client (sur la machine du navigateur), en utilisant le code le plus court.
2. Processus de production
Copiez le code comme suit: <! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312" />
<Title> JSCLOCK </TITME>
</ head>
<body>
<script type = "text / javascript">
fonction horloge () {
var time = new Date (). TolocaleString ();
document.getElementById ("horloge"). innerHtml = time;
}
setInterval ("horloge ()", 1000);
</cript>
<span id = "horloge"> </span>
</docy>
</html>
1. Si l'objet Date utilise un constructeur sans paramètres, il renverra l'heure du client. La méthode Tolocalestring () convertit le temps pour afficher la forme du temps. S'il s'agit juste de la méthode toString (), il ne convertira le temps qu'en une chaîne de temps écrite en anglais. En même temps, j'ai personnellement réalisé que la méthode tolocaletimestring () n'existe pas, s'il vous plaît ne lancez pas. Si vous n'êtes pas satisfait du moment de la conversion des propres méthodes du système, veuillez utiliser diverses méthodes telles que getday (), getMonth (), Gettillyear () pour construire la chaîne. Aucun écran à nouveau.
2. Innerhtml équivaut à une horloge ID Tous les éléments sous horloge. document.getElementById ("horloge"). innerHtml = time; La signification de la phrase "<span id =" horloge "> </span>" est transformée en contenu de la chaîne de temps.
3. La clé de ce javascript est le setInterval ("horloge ()", 1000); Fonction, ce qui signifie que la fonction horloge () est exécutée une fois tous les 1000 millisecondes, c'est-à-dire toutes les 1 secondes. Autrement dit, chaque seconde, le contenu de la <span id = "horloge"> </span> est mis à jour à la chaîne temporelle.
J'espère que cet article sera utile à la programmation JavaScript de tous.