Tengo preguntas con respecto a mi siguiente código con relojes. ¿Cómo puedo ajustar la función para tres zonas horarias diferentes? ¿Debo trabajar con Class en este caso?
const secondHand = document.getElementById("second_hand"); const minsHand = document.getElementById("min_hand"); const hourHand = document.getElementById("hour_hand"); function setDate() { const now = new Date(); const seconds = now.getSeconds(); const secondsDegrees = (seconds / 60) * 360 + 90; secondHand.style.transform = `rotate(${secondsDegrees}deg)`; const mins = now.getMinutes(); const minsDegrees = (mins / 60) * 360 + (seconds / 60) * 6 + 90; minsHand.style.transform = `rotate(${minsDegrees}deg)`; const hour = now.getHours(); const hourDegrees = (hour / 12) * 360 + (mins / 60) * 30 + 90; hourHand.style.transform = `rotate(${hourDegrees}deg)`; } setInterval(setDate, 1000); setDate();El constructor de fecha tiene la función .toLocaleString() , que devolverá la fecha/hora actual de una zona horaria específica (dado que solo usa navegadores web modernos/versiones de nodo).
Por ejemplo: let newYorkTime = new Date().toLocaleString("en-US", {timeZone: "America/New_York"})
consulte esta pregunta para obtener más información: Cómo inicializar una fecha de JavaScript en una zona horaria particular