Das Konzept von Timer und Verzögerung
//- Timer
// Timer -ID -Nummer SetInterval (Rückruffunktion, Millisekunden);
// Rufen Sie die Rückruffunktion in jeder Millisekunden an
// ClearInterval (Timer -ID -Nummer)
// Stoppen Sie den Timer mit der angegebenen ID -Nummer (tatsächlich zerstören und veröffentlichen Ressourcen)
//-Verzögerung
// Verzögerungs -ID -Nummer SetTimeout (Rückruffunktion, Millisekundenintervall)
// Beginnen Sie mit dem Anruf, warten Sie auf die angegebene Anzahl von Millisekunden und rufen Sie die Rückruffunktion einmal an.
// Verwenden Sie Clearimeout, um die Verzögerung zu löschen
Reproduktionsbild:
Die folgende Abbildung wird nach der Öffnung der Seite angezeigt: Danach nimmt die Anzahl des Schaltflächenwerts alle 1 Sekunde um 1 Sekunde ab, bis der Schaltflächeninhalt anstimmt
Implementierungscode:
Kopieren Sie den Code -Code wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<title> </title>
<Style type = "text/css">
#BTN
{{{{
Breite: 200px;
Höhe: 50px;
Hintergrund -Color: Gary;
}
</style>
<script type = "text/javaScript">
onload = function () {
// das Schaltflächenobjekt abrufen
var btn = document.getElementById ('btn');
// Erstellen Sie einen Timer und geben Sie die Timer -ID zurück
var invalid = setInterval (function () {
var waitSecond = parseInt ((// d+/). exec (btn.value)); // verwenden
Waitsecond-; // Zeit-
if (WaitSecond> = 0) {// Urteilsvermögen
btn.value = btn.value.replace (// d+/, WaitSecond) // verwenden String.Replace (REGEXP, Code), um die Nummer im Schaltflächenwert zu ersetzen und das Ersatzergebnis zurückzugeben
} anders {
btn.value = 'stimmen'; // Ändern Sie den Schaltflächenwert, um zu vereinbaren
btn.disabled = false; // Ändern Sie den deaktivierten Wert der Schaltfläche in False
ClearInterval (Intervalid); // den Timer löschen
}
}, 1000);
};
</script>
</head>
<body>
<Eingabe type = "button" name = "name" value = "Bitte lesen Sie 5 Sekunden lang sorgfältig und klicken Sie, um zuzustimmen," id = "btn" deaktiviert = "deaktiviert"/>
</body>
</html>