In diesem Artikel wird die dynamische Zeitanzeigemethode beschrieben, die JavaScript -Synchronisierte in der lokalen Zeit implementiert. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Das Beispiel der dynamischen Anzeigezeit ist sehr einfach. Nach dem Verständnis von JavaScript ist es möglich, Dinge mit ein paar Codezeilen zu vervollständigen.
Aber für einige Leute, die JavaScript noch nie ausgesetzt waren, sehen sie fast wie ein großes Projekt aus und suchen dann online nach Code und können ihn dann nicht im riesigen HTML -Code finden und letztendlich nicht die wichtigsten Punkte erhalten.
1. Grundziele
Implementieren Sie eine Webseiten -Textzeit, die mit der Zeit des Clients (auf der Browsermaschine) mit dem kürzesten Code begleitet wird.
2. Produktionsprozess
Kopieren Sie den Code wie folgt: <! 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">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" />
<title> jsclock </title>
</head>
<body>
<script type = "text/javaScript">
Funktion Clock () {
var time = new Date (). Tolocalestring ();
document.getElementById ("Uhr"). Innerhtml = Zeit;
}
setInterval ("clock ()", 1000);
</script>
<span id = "clock"> </span>
</body>
</html>
1. Wenn das Datumsobjekt einen Konstruktor ohne Parameter verwendet, wird die Zeit des Kunden zurückgegeben. Die Methode Tolocalestring () wandelt Zeit um, um das Zeitformat anzuzeigen. Wenn es sich nur um die Methode toString () handelt, wandelt sie die Zeit nur in eine Zeitzeichenfolge um, die in englischer Sprache geschrieben wurde. Gleichzeitig wurde mir persönlich festgestellt, dass die Methode Tolocaletimestring () nicht existiert, bitte werfen Sie nicht. Wenn Sie mit der Zeit der Umwandlung der eigenen Methoden des Systems nicht zufrieden sind, verwenden Sie verschiedene Methoden wie GetDay (), GetMonth (), GetFlogrear (), um die Zeichenfolge zu konstruieren. Keine Anzeige wieder.
2. Innerhtml entspricht der ID -Uhr alle Elemente unter Uhr. document.getElementById ("Uhr"). Innerhtml = Zeit; Die Bedeutung des Satzes "<span id =" clock "> </span>" wird in den Inhalt der Zeitzeichenfolge geändert.
3. Die Schlüssel zu diesem JavaScript ist das setInterval ("clock ()", 1000); Funktion, was bedeutet, dass die Clock () -Funktion einmal alle 1000 Millisekunden ausgeführt wird, dh alle 1 Sekunde. Das heißt, jeder Sekunde wird der Inhalt der <span id = "clock"> </span> auf die Zeitzeichenfolge aktualisiert.
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.