Tip:
Highlight text to annotate it
X
ok, aquí en este ejemplo Javascript asincronía
sólo para tener una idea de cómo esta parte asíncrona
Hice un ejemplo simple aquí
que insertamos aquí un número de segundos
haga clic en el botón y nos dice cada medio segundo
y muestra al final de un mensaje
programación que no es algo muy importante aquí HTML
todo es simplemente materializarse estilo
que sólo tiene este botón aquí
llamar a una función javascript
Si este botón está aquí, contar los segundos
que él llama el "contador"
Aquí está un ejemplo sencillo de cómo lo hacemos
ok, lo que hice, he dicho aquí 3 variables
para ayudarnos, que es: "segundosContar"
que son segundos para insertar aquí
si 5
nosotros, los "Count", que es el recuento se muestra en la derecha globo ***
es ascendente
y necesito un identificador de una operación aquí
llamado "setInterval"
antes de mostrar que, en este ejemplo asincronía
Necesito hablar
estas dos funciones que viene con la API de javascript
que son la "setTimeout" y "setInterval"
Esta función de "setTimeout" hace lo siguiente:
Pasamos 2 parámetros a ella
una devolución de llamada y otro que y son los milisegundos
la devolución de llamada se pasa a una función que se llamará después de pasar algunos milisegundos
Pasamos como el segundo parámetro
lo que sucede: cuando se pasa el número de milisegundos empleados en el segundo parámetro
por ejemplo, 3000 milisegundos, 3 segundos serán
Se llama la primera función es el parámetro de devolución de llamada
en este caso, cuando termine los segundos fueron capturados por la pantalla, que se ha introducido
(I aqui para convertir segundos) llamarán esta función aquí "fimContador"
y antes de que terminara la explicación de esta función
Es necesario llevar una segunda función de la API de JavaScript que es el "setInterval"
El "setInterval" es similar a "setTimeout"
pero la diferencia es que se está llamando a la función de devolución de llamada de forma continua
después de la cantidad de tiempo que se pasa como argumento un segundo
aquí los parámetros son iguales, y de devolución de llamada milisegundos
Pero la función de devolución de llamada que se está pasando aquí
se llamará cada 500 milisegundos
u otra cantidad de milisegundos pasó aquí
y volver aquí el "setInterval"
Se trata de un identificador de este contador, este temporizador, el "setInterval"
Entonces consigo esta manejarlo regresa, y sigo aquí en esta variable "temporizador"
porque aquí sigue funcionando indefinidamente hasta que lo hago
Yo manejo con, haga lo siguiente: "clearInteval (temporizador)" que esta devolución de llamada de ejecución aquí el "setInterval"
por lo que ahora no puedo explicar apenas a la derecha, lo que sucede
Cogí aquí la variable de recuento
0 porque atributo puede haber sido hecho previamente y otro contar el número es mayor que 0
Cogí la pantalla, los segundos cuentan, se convierten en número
con el número ya transformado aquí, puedo hacer una multiplicación
si me paso 3, por ejemplo, aquí, hago veces en el año 1000
eso sería la transformación de milisegundos
3 veces 1000 = 3000 milisegundos son 3 segundos
Y aquí comienza a contar aquí que en este caso sería de 3 segundos
aquí viene aquí "setInterval"
que cada 500 milisegundos entrarán en esta función de devolución de llamada aquí
y añadir 0,5 a variable "recuento", que es aquí
y se pone a cero también aquí se
en caso de que ya se han hecho un conteo
y esta variable aquí que es un número de variables
Comienzo a mostrar en la pantalla cada 500 milisegundos
se mostrará con el "pan" que popup ***
el número de la suma de la cuenta, ¿cuántos segundos han pasado
cuando el tiempo del fin "setTimeout"
entonces se llama la "fimContador" esta función
Va a recoger este identificador temporizador aquí
va a limpiar, por lo que ya no se llama la función de devolución de llamada "setInterval"
y luego se muestra una alerta cuántos segundos
Se les informó sobre el resto del mensaje
bien, así que vamos a poner en práctica, la depuración para ver si funciona
venimos aquí en el navegador
F12 para depuración
aquí voy a abrir el archivo javascript
y he aquí algunos puntos de interrupción colocados en algunos puntos estratégicos
ok, he realizado aquí de nuevo
me dejó mejor posición aquí, este depurador, por lo que podemos ver mejor el mensaje emergente
He hecho clic en el segundo recuento
Aquí el punto de interrupción se estrelló
podemos ver que el recuento ya estaba en el 4,5
se pone a cero
a continuación, voy a conseguir aquí 5 segundos, se convirtió al número
ahora puedo hacer una multiplicación con ella
atrapó 5 veces 1000 = 5000 milisegundos
en cuenta que pasado ahora y recto por aquí
sin parar aquí
que pasa a ser asíncrono
que pasa por aquí y sólo será llamado de nuevo en la función de devolución de llamada se pasa como
ok, ahora llegamos aquí de nuevo
en cuenta que el mismo se llevará a cabo en el "setInterval"
Sólo dejó el número identificador de la cuenta
ok, vamos a correr
y cayó en aquí desde nuestro "setInterval"
que se ejecuta cada 500 milisegundos, medio segundo
count = 0
era 0,5 acrecido
y mostró el mensaje aquí
lo mismo, fue a 1 y así sucesivamente
Voy a llevar este punto de interrupción no se detienen
y cuando alcance 5 segundos, aquí
Se cayó aquí, se aclaró el intervalo no estar funcionando de nuevo y muestra la alerta
"5 segundos pasaron, rebosando" Creo que escribí mal aquí jaja
y que, creo que ya es posible
tener una idea de lo que es la asincronía con javascript
y vamos a pasar a la siguiente tema