U0Ficha1 - Funciones de Tiempo
Son funciones
que se invocan en el Ciclo principal (main loop) del motor de JavaScript en el
navegador. Éste reconoce cuándo pasó el tiempo definido (verbo to set) y
ejecuta las funciones dadas en cada función.
Tiempo fuera
Establece que dentro de DADOS TANTOS milisegundos se
ejecutará la función DADA. Lo llamaremos “timer de tiempo fuera”.
Sintaxis de
la función:
setTimeout( dadaFuncionAEjecutar_fun,
dadosMilisegundos_num ) // àNumber
Devuelve un número entero que significa el orden del timer
que le da el main loop, comenzando con el valor 1 (el primer timer definido), y
el próximo será el 2, el 3, el 4, y así sucesivamente.
Intérvalos
Establece que cada DADOS TANTOS milisegundos se ejecutará la
función DADA. Lo llamaremos timer de intérvalos.
Sintaxis de
la función:
setInterval( dadaFuncionAEjecutar_fun,
dadosMilisegundos_num ) // àNumber
Devuelve un número entero que significa el orden del timer
que le da el main loop, comenzando con el valor 1 (el primer timer definido).
Próximo refresh del monitor
Establece que en el próximo refresh del monitor, generado
por el modo de pantalla, se ejecutará la función dada. Es ideal para el momento
de generar animaciones.
Sintaxis de
la función:
requestAnimationFrame( dadaFuncionAEjecutar_fun ) // à Number
Devuelve un número entero que significa el orden del timer
que le da el main loop, comenzando con el valor 1 (el primer timer definido).
Detención de acciones del tiempo
Se corresponden con cada una de las funciones anteriores.
Debido a que cada una de ellas tiene un código de timer (número entero) se
sugiere crear una variable para controlarlas. Por ejemplo: var $timer1 = setTimeout(
fn1, 300 ) ; Luego:
clearTimeout(
dadoTimerTimeout_num ) ;
clearInterval(
dadoTimerInterval_num ) ;
cancelAnimationFrame(
dadoTimerAnimationFrame_num ) ;
