En este post, vas a conocer en qué consiste la función calculatecurrentTime de Digital Clock a través de un ejercicio práctico. Este proceso te ayudará a determinar de qué forma instanciar las constantes, funciones e intervalos. Por lo tanto, te recomendamos guardar este post como una guía que puedes reproducir para la creación de otras funciones similares.
calculatecurrentTime de Digital Clock
La función calculatecurrentTime de Digital Clock sobre la que vamos a hablar en este post es un proceso que nos permitirá crear un reloj digital que genere la hora exacta que le pedimos al programa por medio de una petición. Para ello, vamos a instanciar la función calculatecurrentTime(), donde agregamos 3 constantes; estas no cambiarán y son: la fecha, las horas y los minutos. Aquí también vamos a añadir los segundos, pero no en forma de constante, sino como un let para obtener los segundos. Cada una de ellas se genera a partir del método de new.get y se personaliza según lo que necesitemos obtener.
Por otro lado, instanciamos la forma en la que aparecen los minutos y los segundos, por lo que seguimos un formato específico dentro de nuestro reloj digital.
Por último, debemos instanciar la constante para formatear el reloj en su totaltidad, con las horas, minutos y segundos. Además, tendremos que relacionar el template de HTML, si estamos desarrollando este programa bajo los web components, con la función calculatecurrentTime de Digital Clock.
calculatecurrentTime() {
const now = new Date ( ),
const hours = new.getHours ( ),
const minute = new.getMinutes ( ),
let seconds = new.getSeconds ( ),
if (minutes < 10) {
minutes= '0$ {minutes}'
if (seconds < 10) {
seconds = '0$ {seconds}'
const clockTime '0$ {hours};'0$ {minutes}:'0$ {seconds};
this.innerHTML =clockTime;
}
}
¡No dejes de aprender!
Esta función de calculatecurrentTime de Digital Clock es una de las opciones que tienes para calcular el tiempo cuando estás empleando las herramientas de los web compontents. Si quieres saber cómo puedes realizar este y otro tipo de procesos en los que necesites crear los web components, te recomendamos revisar lo que nos ofrece el temario de Desarrollo Web Full Stack Bootcamp. ¡Entra ahora para pedir información y cambia tu vida!
