Uso del temporizador JS (explicación de instancia)

Autor：Eve Cole Fecha de actualización：2025-03-16 21:32:01

En JavasCritp, hay dos funciones especiales sobre los temporizadores, que son:

2. Temporizador de ciclismo: TimeName = SetInterval ("function ();", DelayTime);

El primer parámetro "Function ()" es la acción que se ejecuta cuando el temporizador se activa. Por ejemplo, si aparecen dos ventanas de advertencia, puede reemplazar "Función ();"

"Alerta ('¡La primera ventana de advertencia!'); Alerta ('¡La segunda ventana de advertencia!');";

El temporizador de cuenta regresiva desencadena un evento después de que llegue el tiempo, y el temporizador circulante es activar repetidamente el evento cuando se avecina el intervalo.

Por ejemplo, después de abrir una página y desea saltar automáticamente a otro intervalo de página en unos segundos, debe usar el temporizador Countdown "SetTimeOut (" Function (); ", DelayTime), y si desea establecer una oración configuración la apariencia de una palabra,

Debe usar el temporizador circular "setInterval (" function (); ", DelayTime".

Para obtener el enfoque del formulario, se utiliza el document.activeElement.id. Use si para determinar si el document.activeElement.id y la ID del formulario son los mismos.

Por ejemplo: if ("mid" == document.activeElement.id) {alert ();}, "Mid" es la identificación correspondiente al formulario.

Minutero:

Utilizado para especificar un determinado programa después de un tiempo específico.

Las diferencias entre SetTimeOut y SetInterval en JS, y el método LLEE

SetTimeOut (expresión, tiempo de retraso).

setTimeOut ("función", tiempo) Establezca un objeto de tiempo de espera

SetInterval (Expression, DelayTime), cada tiempo de retraso ejecutará la expdición.

SetInterval ("función" (tiempo) establece un objeto de tiempo de espera

SetInterval se repite automáticamente y SetTimeOut no se repetirá.

Tiempo claro

Clearinterval

Dos casos.

Ejemplo 1. Cuando el formulario se activa o se carga, la cadena de palabras es de salida por palabra

Copiar código del código de la siguiente manera:

<html>

<title> Documento no -tito </title>

var str = "Este es el texto de ejemplo para las pruebas";

var seq = 0;

Var segundo = 1000;

función scroll () {

msg = str.substring (0, seq+1);

document.getElementByIdx_x_x ('Word').

seq ++;

if (seq> = str.length) seq = 0;

}

</script>

</ablo)

</body>

</html>

Ejemplo 2. Cuando el enfoque esté en el cuadro de entrada, marque la información del cuadro de entrada regularmente.

Copiar código del código de la siguiente manera:

<title> Documento no -tito </title>

Var segundo = 5000;

var c = 0;

función scroll () {

C ++;

if ("b" == document.activeElement.id) {{

var str = "tiempo verifique el <b>"+c+"</b> tiempos <br/>";

if (document.getElementByIdx_x_x ('b'). Value! = "") {

Str+= "Box de entrada El contenido actual es el contenido actual es <br/> <b>"+dcument.getElementByIdx_x_x ('b').

}

document.getElementByIdx_x_x ('Word').

}

</script>

</ablo)

<Body>

<TextARea id = "B" name = "B" Style = "Altura: 100px; ancho: 300px;" br /> "

</body>

</html>

Ejemplo 3. El siguiente es el ejemplo más simple.

Copiar código del código de la siguiente manera:

function count () {) {

document.getElementByIdx_x_x ('m').

SetTimeOut ("Alerta ('Diez segundos a!", 10000)

}

</script>

<Body>

</body>

</html>

Ejemplo 4: La cuenta regresiva salta a tiempo y a tiempo

Copiar código del código de la siguiente manera:

<html>

<title> my jsp 'ds04.jsp' página inicial </title>

<A href = "javaScript: Countdown"> </a> Saltar automáticamente después del segundo ...

<!-El script comienza->

Function Countdown (SECS) {

tiao.inntext = secs;

if (--scs> 0)

setTimeOut ("Countdown ("+SECS+"), 1000); 1000);

}

Countdown (3);

</script>

<!-Script End>>

</ablo)

Ejemplo 6:

Copiar código del código de la siguiente manera:

</ablo)

Ejemplo 7:

Copiar código del código de la siguiente manera:

setTimeOut ("Windows.location.href = 'B.html'", 2000);

// Ambos de los siguientes se pueden usar

// settimeout 18 "javascript: lcation.href = 'b.html'", 2000);

//settimeout.com window.location = 'B.html' ", 2000);

</script>

Ejemplo 8:

Copiar código del código de la siguiente manera:

var segundo = document.getElementByIdx_x ('TotalSecond').

if (isnan (segundo)) {{

// ... no el número de números

} Demás {

SetInterval (function () {

document.getElementByIdx_x ('TotalSecond').

if (segundo <= 0) {{

Window.location = 'B.html';

}

}, 1000);

}

</script>

Timer JS (ejecutar una vez, repetir la ejecución)

Comparta un código JS, un pequeño ejemplo del temporizador JS, dividido en un temporizador y un temporizador de ejecución repetido para la ejecución. Referencia para amigos que son principiantes.

1. Solo ejecuta el temporizador una vez

Copiar código del código de la siguiente manera:

// El temporizador ejecuta asíncrono

función hello () {

Alerta ("hola");

}

// usa el método de ejecución de nombre del método

var t1 = window.setTimeOut (hola, 1000);

var t2 = window.settimeout ("hello ()", 3000);

Window.ClearTimeout (T1);

</script>

2. Temporizador de ejecución repetido

Copiar código del código de la siguiente manera:

función hello () {

Alerta ("hola");

}

// repite un cierto método

var t1 = window.setInterval (hola, 1000);

var t2 = window.setInterval ("Hello ()", 3000);

// El método para eliminar el temporizador

Window.ClearInterval (T1);

</script>

Observación:

Si hay dos métodos en una página, se ejecutan después de cargar la página, pero la falla real se puede ejecutar en orden.

Puede agregar un temporizador al método en línea, establecer un temporizador y luego ejecutar después de "retraso" por un período de tiempo.

Copiar código del código de la siguiente manera:

<title> Página sin título </title>

var yc = nuevo objeto ();

Función beginyc ()

{{

var SecondSyc = document.getElementById ("txtycSeconds").

intentar

{{

Yc = setTimeOut ("alerta ('retraso"+SecondSyc+"Segundo éxito'), SecondSyc*1000);

}

captura (e)

{{

alerta ("Ingrese el segundo número correcto");

}

Función OveryC ()

{{

ClearTimeOut (YC);

Yc = nulo;

alerta ("retraso de terminación exitoso");

}

/*********************************** ******************************

var timerds = new Object ();

var timerdds = new Object ();

Función beginds ()

{{

sn.innerhtml = "0";

Timerds = setInterval ("addone ()", parseInt (document.getElementById ("txtIntirvalSeconds"). Valor, 10)*1000);

}

Function goonds ()

{{

Timerds = setInterval ("addone ()", parseInt (document.getElementById ("txtIntirvalSeconds"). Valor, 10)*1000);

}

Función Overds ()

{{

ClearInterval (Timerds);

Timerds = nulo;

}

Función demora ()

{{

Overds ();

Timerdds = setTimeOut ("goonds ()", document.getElementById ("txtddsSeconds"). Valor*1000);

}

Function addone ()

{{

if (sn.innerhtml == "10")

{{

Overds ();

Alerta ("Felicitaciones, ha alcanzado con éxito 10 segundos");

Devolver;

}

sn.innerhtml = parseint (sn.innerhtml, 10) +1;

}

</script>

</ablo)

<Body>

<div>

Uso del retraso: </div>

<div>

<input type = "button" id = "button1" onClick = "javascript: alert ('bueno monrning');

</div>

<Br />

<div>

Uso del temporizador: </div>

<div>

</div>

</form>

</body>

</html>