Dieser Artikel beschreibt die Implementierungsmethode der JavaScript -Minute und des zweiten Countdown -Timers. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
1. Grundziele
Entwerfen Sie eine Minute und den zweiten Countdown -Timer in JavaScript, und sobald die Zeit abgeschlossen ist, wird die Schaltfläche nicht unkompliziert.
Der spezifische Effekt ist wie in der folgenden Abbildung dargestellt. Um das Problem zu veranschaulichen, wird es so eingestellt, dass es alle 50 Millisekunden, dh alle 0,05, mit dem Tisch springen wird.
Wenn Sie es tatsächlich verwenden, passen Sie einfach das setInterval an ("clock.move ()", 50). In window.onload = function () {...} von 50 bis 1000.
Die Schaltfläche kann weiterhin geklickt werden, bevor die Zeit ausgeführt wird.
Nachdem die Zeit verbraucht ist, kann die Schaltfläche nicht geklickt werden.
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 = utf-8" />
<title> Zeit verbleibend </title>
</head>
<!-HTML-Teil ist sehr einfach. Der Zeilentext und die Einreichung von Schaltflächen, die von JavaScript gesteuert werden müssen, werden mit ID geschrieben->
<body>
Verbleibende Zeit: <span id = "Timer"> </span>
<input id = "go" type = "surug" value = "go" />
</body>
</html>
<Script>
/*Die Funktion, die von der Hauptfunktion verwendet werden soll, deklarieren Sie sie*///
var clock = new Clock ();
/*Zeiger auf den Timer*/
var Timer;
window.onload = function () {
/*Die Hauptfunktion ruft nur alle 50 Sekunden die Move -Methode in der Taktfunktion auf*/
timer = setInterval ("clock.move ()", 50);
}
Funktion Clock () {
/*s ist eine Variable in Clock (), eine globale Variable, die kein Var ist, der die verbleibenden Sekunden darstellt*/
this.s = 140;
this.move = function () {
/ *Vor dem Ausgang rufen Sie die Exchange -Funktion auf, um von Sekunden in die Sekunde in die Sekunde zu konvertieren, da der Austausch im Hauptfenster der Hauptfunktion nicht verwendet wird.
document.getElementById ("Timer"). Innerhtml = Exchange (this.s.s);
/*Jedes Mal, wenn es aufgerufen wird, werden die verbleibenden Sekunden von selbst reduziert*/
this.s = this.s-1;
/*Wenn die Zeit abgelaufen ist, ist das Popup-Fenster die Schaltfläche nicht verfügbar. Hören Sie auf, Move () in der Taktfunktion zu rufen*////
if (this.s <0) {
alarm ("Zeit ist hoch");
document.getElementById ("go"). Disabled = true;
Clearimeout (Timer);
}
}
}
Funktionsaustausch (Zeit) {
/*JavaScripts Abteilung ist schwimmende Punktabteilung und muss Math.Floor verwenden, um seinen ganzzahligen Teil zu nehmen*/
this.m = math.floor (Zeit/60);
/*Es gibt einen Restbetrieb*/
this.s = (Time%60);
this.text = this.m+"Minute"+this.s+"Second";
/*Verwenden Sie dies nicht für die übergebene formale Parameterzeit, während die in dieser Funktion verwendeten verbleibenden Variablen dies*/verwenden müssen
Gibt diesen.text zurück;
}
</script>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.