Le concept de minuterie et de retard
// - minuterie
// Numéro d'identification de temporisation setinterval (fonction de rappel, millisecondes);
// appelle la fonction de rappel toutes les millisecondes
// ClearInterval (numéro d'identification de la minuterie)
// Arrête la minuterie avec le numéro d'identification spécifié (en fait détruire et libérer des ressources)
// - retardateur
// Délai de numéro d'identification setTimeout (fonction de rappel, intervalle milliseconde)
// Commencez à partir de l'appel, attendez le nombre spécifié de millisecondes et appelez la fonction de rappel une fois, terminez
// Utilisez le temps clair pour effacer le retard
Image de reproduction:
La figure suivante apparaîtra après l'ouverture de la page: Après cela, le nombre de la valeur du bouton diminue de 1 toutes les 1 secondes jusqu'à ce que 0 cesse le contenu du bouton devient agréable
Code d'implémentation:
Copier le code du code comme suit:
<! 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">
<adal>
<Title> </Title>
<Style type = "text / css">
#btn
{{
Largeur: 200px;
hauteur: 50px;
Contexte -Color: Gary;
}
</ style>
<script type = "text / javascript">
onload = function () {
// Obtenez l'objet bouton
var btn = document.getElementById ('btn');
// Créez une minuterie et renvoyez l'ID de minuterie
var intercalid = setInterval (function () {
var waitSecond = paSeInt ((// d + /). exec (btn.value)); // utilise la méthode regexp.exec () pour renvoyer le contenu de chaîne correspondant
waitsecond -; // time-
if (waitSecond> = 0) {// jugement
btn.value = btn.value.replace (// d + /, waitSecond) // Utilisez string.repleace (regexp, code) pour remplacer le nombre dans la valeur du bouton et renvoyer le résultat de remplacement
} autre {
btn.value = 'd'accord'; // modifie la valeur du bouton pour accepter
btn.disabled = false; // modifie la valeur désactivée du bouton en false
ClearInterval (interbalid); // effacer la minuterie
}
}, 1000);
};
</cript>
</ head>
<body>
<input type = "bouton" name = "name" value = "Veuillez lire attentivement pendant 5 secondes et cliquez pour accepter de continuer" id = "btn" Disabled = "Disabled" />
</docy>
</html>