Es fácil usar el evento de tiempo en Javascripp.
setTimeout ()
Ejecutar código en un momento determinado
ClearTimeOut ()
Cancel setTimeOut ()
setTimeout ()
gramática
Copiar código del código de la siguiente manera:
var t = setTimeout ("Declaración JavaScript", milisegundo)
El método SetTimeOut () devuelve un cierto valor. En la declaración anterior, el valor se almacena en una variable llamada T. Si desea cancelar este setTimeout (), puede usar este nombre de variable para especificarlo.
El primer parámetro del setTimeOut () es una cadena que contiene la instrucción JavaScript. Esta declaración puede ser como "alerta ('5 segundos!'), O la llamada de la función, como alertmsg ()".
El segundo parámetro indica el primer parámetro después de que comienzan los milisegundos actuales.
Consejo: 1000 milisegundos son iguales a un segundo.
Cuando se hace clic en el botón en el siguiente ejemplo, aparecerá un cuadro de solicitud en 5 segundos.
Copiar código del código de la siguiente manera:
<html>
<Evista>
<script type = "text/javaScript">
Función Timedmsg ()
{{
var t = setTimeout ("alerta ('5 segundos!')", 5000)
}
</script>
</ablo>
<Body>
<form>
<input type = "Button" Value = "Mostrar alertbox cronometrado!"
</form>
</body>
</html>
Ejemplo: ciclo infinito
Para crear un temporizador que se ejecute en un bucle infinito, necesitamos escribir una función para llamarse a sí misma. En el siguiente ejemplo, cuando se hace clic en el botón, el dominio de entrada se cuenta a partir de 0.
Copiar código del código de la siguiente manera:
<html>
<Evista>
<script type = "text/javaScript">
var c = 0
Var t
Función TimedCount ()
{{
document.getElementById ('txt').
C = C+1
t = setTimeout ("TimedCount ()", 1000)
}
</script>
</ablo>
<Body>
<form>
<input type = "Button" Value = "Iniciar recuento!"
<input type = "text" id = "txt">
</form>
</body>
</html>
ClearTimeOut ()
gramática
Copiar código del código de la siguiente manera:
ClearTimeOut (setTimeOut_variable)
Instancia
El siguiente ejemplo es similar al ejemplo del bucle infinito anterior. La única diferencia es que ahora hemos agregado un "Botón de detención!"
Copiar código del código de la siguiente manera:
<html>
<Evista>
<script type = "text/javaScript">
var c = 0
Var t
Función TimedCount ()
{{
document.getElementById ('txt').
C = C+1
t = setTimeout ("TimedCount ()", 1000)
}
Funcion StopCount ()
{{
ClearTimeOut (t)
}
</script>
</ablo>
<Body>
<form>
<input type = "Button" Value = "Iniciar recuento!"
<input type = "text" id = "txt">
<Entrada tipo = "botón" value = "Stop Count!"
</form>
</body>
</html>
Los otros dos métodos importantes:
Copiar código del código de la siguiente manera:
SetInterval ()
SetInterval () -Exta una función, una y otra vez, intervalos de tiempo atcificados
La función es: el ciclo ejecuta un método, dentro del tiempo de intervalo especificado
gramática:
Copiar código del código de la siguiente manera:
Window.SetInterval ("JavaScript Función", milisegundos);
Nota: El primer parámetro debe ser una función, y el segundo parámetro es el tiempo de intervalo de la función de ejecución.
Ejemplo:
Copiar código del código de la siguiente manera:
<html>
<script type = "text/javaScript">
setInterval (function () {alert ("hola")}, 500);
</script>
</html>
Nota: El ejemplo anterior, el efecto de ejecución significa que cada 500 ms está alerta ("hola");
Un reloj más:
Copiar código del código de la siguiente manera:
<html>
<Body>
<p id = "demo"> </p>
<script type = "text/javaScript">
setInterval (function () {mytimer ()}, 1000);
función mytimer () {
var d = nueva fecha ();
var t = d.tolocaletiMestring ();
document.getElementById ('demo').
}
</script>
</body>
</html>
Cómo parar, setinterval () método ??
Copiar código del código de la siguiente manera:
Window.ClearInterval ()
gramática:
Copiar código del código de la siguiente manera:
Window.ClearInterval (intervalvariable)
Copiar código del código de la siguiente manera:
El método Window.ClearInterval () se puede escribir con el prefijo de la ventana.
Para poder usar el método ClearInterval (), debe usar una variable global al crear el método de intervalo:
MyVar = setInterval ("función javascript", miliseConds);
Luego podrá detener la ejecución llamando al método ClearInterval ().
Ejemplo:
Copiar código del código de la siguiente manera:
<html>
<Body>
<p id = "demo"> </p>
<p id = "demo2" onclight = "stop ()"> stop </p>
<script type = "text/javaScript">
var test = setInterval (function () {mytimer ()}, 1000);
función mytimer () {
var d = nueva fecha ();
var t = d.tolocaletiMestring ();
document.getElementById ('demo').
}
Function stop () {
<html>
<Body>
<p id = "demo"> </p>
<p id = "demo2" onclight = "stop ()"> stop </p>
<script type = "text/javaScript">
var test = setInterval (function () {mytimer ()}, 1000);
función mytimer () {
var d = nueva fecha ();
var t = d.tolocaletiMestring ();
document.getElementById ('demo').
}
Function stop () {
ClearInterval (temp);
}
</script>
</body>
</html>
}
</script>
</body>
</html>