Este artículo describe el método de implementación del minuto JavaScript y el segundo temporizador de cuenta regresiva. Compártelo para su referencia. El análisis específico es el siguiente:
1. Objetivos básicos
Diseñe un minuto y segundo temporizador de cuenta regresiva en JavaScript, y una vez que se complete el tiempo, el botón se pone de acuerdo.
El efecto específico es el que se muestra en la figura a continuación. Para ilustrar el problema, se ajusta para saltar la mesa cada 50 milisegundos, es decir, cada 0.05.
Cuando realmente lo esté usando, simplemente ajuste el setInterval ("clock.move ()", 50); en window.onload = function () {...} de 50 a 1000.
El botón aún se puede hacer clic antes de que se agote la hora.
Después de que se usa el tiempo, el botón no se puede hacer clic.
2. Proceso de producción
Copie el código de la siguiente manera: <! 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">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> tiempo restante </title>
</ablo>
<!-La parte HTML es muy simple. El texto de línea y los botones de envío que deben ser controlados por JavaScript están escritos con ID->
<Body>
Tiempo restante: <span id = "timer"> </span>
<input id = "go" type = "subt" value = "go" />
</body>
</html>
<script>
/*La función que debe utilizar por la función principal, declara*/
Var Clock = New Clock ();
/*Puntero al temporizador*/
temporizador var;
window.onload = function () {
/*La función principal solo llama al método de movimiento en la función del reloj una vez cada 50 segundos*/
temporizador = setInterval ("clock.move ()", 50);
}
función clock () {
/*S es una variable en Clock (), una variable global que no es un VAR, que representa los segundos restantes*/
this.s = 140;
this.move = function () {
/ *Antes de la salida, llame a la función de intercambio para convertir de segundos a minuto a segundo, porque el intercambio no se usa en la ventana de la función principal.
document.getElementById ("temporizador"). innerhtml = intercambio (this.s);
/*Cada vez que se llama, los segundos restantes se reducirán solo*/
this.s = this.s-1;
/*Si se agota el tiempo, entonces la ventana emergente hace que el botón no esté disponible, deje de llamar a mover () en la función de reloj*/
if (this.s <0) {
alerta ("El tiempo está arriba");
document.getElementById ("Go"). DISCABILITO = True;
ClearTimeOut (temporizador);
}
}
}
function Exchange (Time) {
/*La división de JavaScript es la división de puntos flotantes, y debe usar Math.floor para tomar su parte entera*/
this.m = Math.floor (tiempo/60);
/*Hay una operación residual*/
this.s = (tiempo%60);
this.text = this.m+"minuto"+this.s+"segundo";
/*No use esto para el tiempo de parámetro formal aprobado, mientras que las variables restantes utilizadas en esta función deben usar esto*/
devolver esto.text;
}
</script>
Espero que este artículo sea útil para la programación de JavaScript de todos.