Dada una fecha y la tarea es verificar si la fecha dada es hace menos de 1 hora o no con la ayuda de JavaScript.
Enfoque 1:
- Cuente los milisegundos de la diferencia entre la fecha actual y la anterior.
- Si son más de milisegundos en 1 hora, devuelve falso; de lo contrario, devuelve verdadero.
Ejemplo: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to check if date is less than
1 hour ago using JavaScript ?
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
click here
</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 prev_date = new Date();
var d = new Date();
Date.prototype.addHours = function(h) {
this.setTime(this.getTime() + (h*60*60*1000));
return this;
}
prev_date.addHours(-2);
el_up.innerHTML = "Click on the button to "
+ "check if the date is less than "
+ "1 hour ago.<br>Previous date = "
+ prev_date;
function gfg_Run() {
// Hour in milliseconds
var ONE_HOUR = 60 * 60 * 1000;
if ((d - prev_date) < ONE_HOUR) {
el_down.innerHTML = "Date is less"
+ " than 1 hour ago.";
}
else {
el_down.innerHTML = "Date is not "
+ "less than 1 hour ago.";
}
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Resta 1 hora en milisegundos de la hora actual.
- Compara los milisegundos de la fecha actual y anterior.
- Si son más de milisegundos en 1 hora, devuelve falso; de lo contrario, devuelve verdadero.
Ejemplo 2: Este ejemplo usa el enfoque como se discutió anteriormente.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to check if date is less than
1 hour ago using JavaScript ?
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
click here
</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 prev_date = new Date();
var d = new Date();
const check = (date) => {
const HOUR = 1000 * 60 * 60;
const anHourAgo = Date.now() - HOUR;
return date > anHourAgo;
}
el_up.innerHTML = "Click on the button to check"
+ " if the date is less than 1 hour"
+ " ago.<br>Previous date = " + prev_date;
function gfg_Run() {
var c = check(prev_date);
if (c) {
el_down.innerHTML = "Date is less "
+ "than 1 hour ago.";
}
else {
el_down.innerHTML = "Date is not less"
+ " than 1 hour ago.";
}
}
</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