Usar el método setHours() en JavaScript
-
Use el método
setHours()con solo el parámetroHouren JavaScript -
Utilice el método
setHours()con todos los parámetros en JavaScript
En el sector del desarrollo, a menudo necesitamos modificar la zona horaria y establecer tiempos para beneficiar a los usuarios.
El método setHours() de JavaScript implica que cuando establecemos un cierto conteo de horas en el método, restablecerá la zona horaria de acuerdo con ese número (hora), y aquí, otro aspecto a considerar es la zona horaria local.
Alteramos la hora invocando un constructor Date(), que toma una cadena para identificar la situación actual de la zona horaria. Incluso si no pasamos una cadena que consiste en el día y el año, aún tomará el soporte actual según la hora estándar local.
Ahora, exploraremos ejemplos viendo las múltiples formas de implementar el método setHours(). ¡Vamos a profundizar en!
Use el método setHours() con solo el parámetro Hour en JavaScript
Técnicamente, instanciar el constructor Date() toma el detalle de fecha y hora más reciente. Pero si deseamos alterar la hora de esa determinada instancia, podemos configurar el parámetro para el método setHours().
En este sentido, cada vez que se instancia el objeto constructor Date(), solo se actualizará como parámetro la hora de esa instancia. Y los segundos y minutos seguirán actualizándose en cada ejecución.
Fragmento de código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script>
const event = new Date();
event.setHours(7);
document.write(event);
</script>
</body>
</html>
Producción:
-method-with-only-hour-parameter.webp)
Como puede verse, se toma el parámetro hora, y el resto, es decir, minutos, segundos, día, mes y año, se han definido como Fecha() agarres del constructor.
Utilice el método setHours() con todos los parámetros en JavaScript
Alteraremos el marco de tiempo actual con la hora, minuto y segundo definidos en este caso específico. Esto implica que, sea cual sea la hora a la que traiga Date(), los valores de hora se modificarán a medida que establezcamos los parámetros, pero el recuento de fecha y día se establecerá de acuerdo con la zona horaria local.
Esto es para especificar que el segundo y tercer parámetro (minuto y segundo) tiene un rango válido de 0-59, y la hora tiene un rango válido de 0-23. También veremos cómo el método setHours() trata estos casos en el siguiente ejemplo.
Fragmento de código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script>
const event = new Date();
event.setHours(25, 42, 76);
document.write(event);
</script>
</body>
</html>
Producción:
-method.webp)
Aquí, el parámetro de hora del método setHours() es 25, que está fuera del rango definido.
Implica que realizará 25-24, y por lo tanto el día también se ve afectado y pasa al 14 de mayo. De manera similar, la segunda porción se calcula por 76-60.
