Cómo funcionan setTimeOut y setInterval

Ayer analizamos javascript de alto rendimiento. Después de ver los principios de funcionamiento de estos dos, regístrelos

Los métodos de uso de setTimeout y setInterval son básicamente los mismos. Aceptan dos parámetros. El primer parámetro es la función que debe ejecutarse y el segundo. El parámetro es el tiempo de retraso de la ejecución.

Todo lo anterior nos resulta familiar.

setTimeout agrega una tarea a la cola de la interfaz de usuario después de alcanzar el tiempo de retraso especificado y la función se ejecutará inmediatamente.

No significa que la interfaz de usuario se ejecutará inmediatamente después del tiempo especificado, sino que se agregará una tarea después del tiempo. Por lo general, el tiempo de ejecución de setTimeout será mayor que el tiempo que configuramos. Porque esta tarea esperará a que se completen otras tareas en la cola antes de ejecutarse.

Para setInterval, al igual que setTimeout, las tareas se agregarán a la cola de la interfaz de usuario después de que expire el intervalo de tiempo especificado, pero hay una cosa. Si la misma tarea setInterval ya existe en la cola, la tarea setInterval no se agregará a ella.

Esta es también la principal diferencia entre estos dos temporizadores.