JavaScript | Agregar segundos al objeto Fecha

Dada una fecha, la tarea es agregarle segundos. Para agregar segundos a la fecha en javascript, analizaremos algunas técnicas. Primeros métodos para saber.

Método JavaScript getSeconds()
Este método devuelve los segundos (de 0 a 59) de la fecha y hora proporcionadas.
Sintaxis:
```
Date.getSeconds()
```
Valor devuelto:
Devuelve un número, del 0 al 59, que representa los segundos.
Método JavaScript setSeconds()
Este método establece los segundos de un objeto de fecha.
Este método también se puede utilizar para establecer los milisegundos.
Sintaxis:
```
Date.setSeconds(sec, millisec)
```
Parámetros:
- seg: este parámetro es opcional. Especifica el número entero que representa los segundos. Los valores esperados son 0-59, pero se permiten otros valores.
- milisegundos: este parámetro es opcional. Especifica el número entero que representa los milisegundos. Los valores esperados son 0-999, pero se permiten otros valores.
Nota:
Todos los 2 parámetros anteriores aceptan valores fuera de su rango y estos valores se ajustan como.
- sec = -1, significa el último segundo del minuto anterior y lo mismo para los demás parámetros.
- si el segundo transcurrido es 60, significa el primer segundo del siguiente minuto y lo mismo para los demás parámetros.
Valor de retorno:
Devuelve un número, que indica la cantidad de milisegundos entre el objeto de fecha y la medianoche del 1 de enero de 1970.
Método getTime() de JavaScript
Este método devuelve el número de milisegundos entre la medianoche del 1 de enero de 1970 y la fecha especificada.
Sintaxis:
```
Date.getTime()
```
Valor devuelto:
Devuelve un número, que representa el número de milisegundos desde la medianoche del 1 de enero de 1970.
Método JavaScript setTime()
Este método establece la fecha y la hora sumando o restando un número definido de milisegundos hasta la medianoche del 1 de enero de 1970.
Sintaxis:
```
Date.setTime(millisec)
```
Parámetros:
- milisegundos: este parámetro es obligatorio. Especifica el número de milisegundos a sumar/restar, medianoche del 1 de enero de 1970
Valor devuelto:
Devuelve, representando el número de milisegundos entre el objeto de fecha y la medianoche del 1 de enero de 1970.

Ejemplo 1: este ejemplo agrega 100 segundos a la var hoy mediante el uso de los métodos setTime() y getTime() .

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript 
      | Adding Seconds to Date object.
    </title>
</head>
  
<body style="text-align:center;" 
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP" 
       style="font-size: 15px;
              font-weight: bold;">
    </p>
    <button onclick="gfg_Run()">
        addSeconds
    </button>
    <p id="GFG_DOWN" 
       style="color:green; 
              font-size: 20px; 
              font-weight: bold;">
    </p>
    <script>
        var el_up = 
            document.getElementById("GFG_UP");
        var el_down = 
            document.getElementById("GFG_DOWN");
        var today = new Date();
        el_up.innerHTML = "Date = " + today;
        Date.prototype.addSecs = function(s) {
            this.setTime(this.getTime() + (s * 1000));
            return this;
        }
  
        function gfg_Run() {
            var a = new Date();
            a.addSecs(100);
            el_down.innerHTML = a;
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Ejemplo 2: este ejemplo agrega 10 segundos a la var hoy mediante el uso de los métodos setSeconds() y getSeconds() .

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript 
      | Adding Seconds to Date object.
    </title>
</head>
  
<body style="text-align:center;" 
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP"
       style="font-size: 15px;
              font-weight: bold;">
    </p>
    <button onclick="gfg_Run()">
        addSeconds
    </button>
    <p id="GFG_DOWN" 
       style="color:green; 
              font-size: 20px; 
              font-weight: bold;">
    </p>
    <script>
        var el_up = 
            document.getElementById("GFG_UP");
        var el_down =
            document.getElementById("GFG_DOWN");
        var today = new Date();
        el_up.innerHTML = "Date = " + today;
        Date.prototype.addSecs = function(s) {
            this.setSeconds(this.getSeconds() + s);
            return this;
        }
  
        function gfg_Run() {
            var a = new Date();
            a.addSecs(10);
            el_down.innerHTML = a;
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta