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. - Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
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:
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:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA