In diesem Artikel wird beschrieben, wie JS eine einfache Anzeigezeit auf Webseiten implementiert. Teilen Sie es für Ihre Referenz. Die Details sind wie folgt:
Dies ist ein Web Clock JS -Code, eine reine JavaScript -Implementierung, die Zeit, Minuten und Sekunden anzeigt. Es gibt viele Webzeitanzeigen und Webuhren, was wirklich einfach ist. Freunde mit guten Künstlern können sie auf dieser Grundlage weiter verschönern und verbessern.
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 = utf-8" />
<title> Einfache Webuhr </title>
<Styles>
Körper, div {Rand: 0; Polster: 0;}
Körper {Farbe: #ffff; Schrift: 16px/1.5/5fae/8f6f/96c5/9ed1;}
#clock {width: 300px; text-align: Mitte; Hintergrund:#1a1a1a; Margin: 10px Auto; Padding: 20px 0;}
Span {Farbe:#000; Breite: 80px; Zeilenhöhe: 2; Hintergrund: #fbfbfb; Grenze: 2px fest#b4b4b4; Margin: 0 10px; Polster: 0 10px;}
</style>
<Script>
window.onload = function ()
{
var oclock = document.getElementById ("Uhr");
var Aspan = oclock.getElementsByTagName ("span");
setInterval (Gettimes, 1000);
GetTimes ();
Funktion GetTimes ()
{
var odate = new Date ();
var adate = [odate.gethours (), odate.getminutes (), odate.getSeconds ()];
für (var i in adate) Aspan [i] .ernerhtml = Format (Verehrung [i])
}
Funktionsformat (a)
{
return a.tostring (). Ersetzen (/^(/d) $/, "0 $ 1")
}
}
</script>
</head>
<body>
<div id = "clock">
<span> </span> Punkte <Pan> </span> Minuten <Pan> </span> Sekunden
</div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.