Dieser Artikel beschreibt den von JS implementierten digitalen Takteffekt des von JS implementierten Webseiten -Countdowns. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
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> Countdown Clock von JavaScript </title> implementiert
<Styles>
Körper, div {Rand: 0; Polster: 0;}
Körper {Farbe: #ffff; Schrift: 16px/1.5/5fae/8f6f/96c5/9ed1;}
#Countdown {Width: 300px; Text-Align: Mitte; Hintergrund:#1A1A1A; Margin: 10px Auto; Padding: 20px 0;}
Eingabe {Border: 0; Breite: 283px; Höhe: 50px; Cursor: Pointer;
input.cancel {Hintergrundposition: 0 -50px;}
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 ocountdown = document.getElementById ("Countdown");
var Ainput = ocountdown.getElementsByTagName ("input") [0];
var timer = null;
Ainput.onclick = Funktion ()
{
this.className == ""? (Timer = setInterval (UpdateTime, 1000), UpdateTime ()): (ClearInterval (Timer));
this.className = this.className == ''? "stornieren" : '';
};
Funktionsformat (a)
{
return a.toString (). Ersetzen (/^(/d) $/, '0 $ 1')
}
Funktion updateTime ()
{
var Aspan = ocountdown.getElementsByTagName ("span");
var oremain = Aspan [0] .innerhtml.Replace (/^0/, '') * 60 + ParseInt (Aspan [1] .innerHtml.Replace (/^0/, ''));
if (oremain <= 0)
{
ClearInterval (Timer);
Zurückkehren
}
Oremain--;
Aspan [0] .innerhtml = Format (ParseInt (Oremain / 60));
Oremain %= 60;
Aspan [1] .innerhtml = Format (ParseInt (Oremain));
}
}
</script>
</head>
<body>
<div id = "Countdown">
<spann> 01 </span> min <span> 40 </span> Sekunden
<Eingabe type = "Taste" value = "" />
</div> wulin.com www.vevb.com Code Spezialeffekte
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.