El concepto de temporizador y retraso
//- temporizador
// número de identificación de temporizador setInterval (función de devolución de llamada, milisegundos);
// llama a la función de devolución de llamada cada milisegundos
// ClearInterval (número de identificación del temporizador)
// Detenga el temporizador con el número de identificación especificado (en realidad destruyendo y liberando recursos)
//--Retrasante
// Número de identificación de retraso setTimeout (función de devolución de llamada, intervalo de milisegundos)
// Comience desde la llamada, espere el número especificado de milisegundos y llame a la función de devolución de llamada una vez, final
// Use ClearTimeOut para borrar el retraso
Imagen de reproducción:
La siguiente figura aparecerá después de abrir la página: después de eso, el número del valor del botón disminuye en 1 cada 1 segundo hasta que 0 detenga el contenido del botón se vuelve agradable
Código de implementación:
Copiar código del código de la siguiente manera:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<title> </title>
<Style type = "text/css">
#BTN
{{
Ancho: 200px;
Altura: 50px;
Antecedentes -Color: Gary;
}
</style>
<script type = "text/javaScript">
onload = function () {
// Obtener el objeto del botón
var btn = document.getElementById ('btn');
// Crear un temporizador y devolver la ID del temporizador
var intervalid = setInterval (function () {
var waitSecond = parseInt ((// d+/). Exec (btn.value)); // use el método regexp.exec () para devolver el contenido de cadena coincidente
WaitSecond-; // Time-
if (waitSecond> = 0) {// juicio
btn.value = btn.value.replace (// d+/, waitSecond) // use string.repleace (regexp, código) método para reemplazar el número en el valor del botón y devolver el resultado de reemplazo
} demás {
btn.value = 'acuerdo'; // Cambiar el valor del botón para acordar
btn.disable = false; // Cambie el valor deshabilitado del botón a falso
ClearInterval (intervalid); // borrar el temporizador
}
}, 1000);
};
</script>
</ablo>
<Body>
<input type = "button" name = "name" value = "Por favor lea cuidadosamente durante 5 segundos y haga clic para aceptar continuar" id = "btn" discapacitado = "desactivado"/>
</body>
</html>