Recuento de milisegundos en Javascript
Al final de este blog después de leer, usted puede hacer una cuenta regresiva no sólo de sesenta segundos se puede crear su propio temporizador de cuenta regresiva personalizada, incluso si desea una cuenta regresiva por días / horas o años que depende totalmente de usted.
¡Ahora su cuenta atrás está lista por fin! Puede utilizar esta cuenta atrás en muchos lugares como en el sitio web de comercio electrónico como el acuerdo está terminando en 30 minutos o, a veces u puede utilizar como una cuenta atrás cuando usted está estudiando / meditando, etc.
Espero que te haya encantado este blog y que hayas aprendido muchas cosas en un lugar, por favor, haznos saber tu opinión en la sección de comentarios si te ha gustado, por favor, comenta a continuación, ya que nos dará motivación para crear más blogs.
Si se enfrenta a cualquier dificultad no dude en comentar sus problemas y si realmente le gustó, por favor, mostrar su amor en la sección de comentarios esto realmente motiva a un blogger para proporcionar más contenido.
Javascript cuenta atrás minutos segundos
El siguiente paso es calcular el tiempo restante. Tenemos que escribir una función que tome una cadena que represente una hora final determinada (como se ha indicado anteriormente). Luego calculamos la diferencia entre ese tiempo y el tiempo actual. Esto es lo que parece:
Primero, creamos una variable total, para mantener el tiempo restante hasta la fecha límite. La función Date.parse() convierte una cadena de tiempo en un valor en milisegundos. Esto nos permite restar dos tiempos entre sí y obtener la cantidad de tiempo que hay entre ellos.
Esta función toma dos parámetros. Estos son el id del elemento que contiene nuestro reloj, y el tiempo de finalización de la cuenta atrás. Dentro de la función, declararemos una variable de reloj y la usaremos para almacenar una referencia a nuestro div contenedor de reloj. Así no tendremos que seguir consultando el DOM.
En el reloj, hemos utilizado setInterval para actualizar la pantalla cada segundo. Esto está bien la mayor parte del tiempo, excepto al principio, cuando habrá un retraso de un segundo. Para eliminar este retraso, tendremos que actualizar el reloj una vez antes de que comience el intervalo.
Retraso en Javascript
Esta función acepta dos parámetros: una función, que es la función a ejecutar, y un parámetro opcional de retardo, que es el número de milisegundos que representa la cantidad de tiempo a esperar antes de ejecutar la función (1 segundo = 1000 milisegundos). Veamos cómo funciona:
Esta función también acepta dos parámetros: una función, que es la función a ejecutar, y el intervalo, que es el número de milisegundos que representa la cantidad de tiempo a esperar antes de ejecutar la función (1 segundo = 1000 milisegundos). He aquí un ejemplo:
Bucle de temporizador en Javascript
</script>Ahora si refrescas la página HTML y abres la consola, notarás que “ENGGG” se registra inmediatamente y luego otra vez después de 2 segundos.Ahora mencionamos antes que podrías estar un poco confundido acerca de dónde vino funcToRun.Ya hemos pasado por esto antes pero es un gran punto de tropiezo para la gente así que lo repasaremos de nuevo.
En este escenario, hiciste una función (setImmediateInterval()) que toma un parámetro de otra función.Si tienes una función y uno de los argumentos que pasas es una función, funciona exactamente igual que cuando pasas un número o una cadena.Así que en este caso, sólo tomas la función que fue pasada como argumento y la llamas.
Así que en ambos ejemplos, Wes está pasando una función y cada vez que se llama, se transforma en el parámetro llamado funcToRun. Eso nos da acceso a ejecutarlo, o pasarlo incluso un nivel más abajo en nuestro setInterval().Así que los tiempos de espera y los intervalos son bastante sencillos.El mayor inconveniente es que los intervalos no se ejecutarán inmediatamente, pero como viste, puedes codificar tu propia función para eso.Borrando tiempos de espera e intervalosLa única otra cosa que necesitas saber es que si quieres borrar un temporizador o intervalo, debes guardar la referencia a ese temporizador o intervalo. Vamos a hacer un ejemplo para demostrarlo.Comenta todo el código que actualmente ejecuta temporizadores o intervalos.Haz una función destroy(), que se ejecuta después de 5 segundos si alguien no hace clic en cualquier parte de la página, y destruirá la página web.Establece un temporizador para ejecutar destroy después de dos segundos, así function destroy() {
