CONTADOR REGRESIVO DE DÍAS
Tenemos acá dos versiones una en jquery y la otra en javascript puro.
La de query es el script del principio, simplemente reemplaza el contenido del span con id="faltanjquery" por la expresion matemática de los días.
La forma de obtener los días se basa en restar los milésimos de segundo de las dos fechas con (getTime(), redondearlo hacia arriba con Math.Ceil() previo dividir por los milisegundos en un día 1000 x 60 x 60 x 24. En cambio por javascript puro debe ir al final del body y usa getElementById("faltanjava") para direccionar una variable a la span de id="faltanjava" y luego con innerHTML le aplico la fórmula, solo que aquí en lugar de una fecha fija la pongo como hoy + 10 días hay que aplicar setDate() para evitar meses de más de 31 días o años de más de 12 meses.
La de query es el script del principio, simplemente reemplaza el contenido del span con id="faltanjquery" por la expresion matemática de los días.
La forma de obtener los días se basa en restar los milésimos de segundo de las dos fechas con (getTime(), redondearlo hacia arriba con Math.Ceil() previo dividir por los milisegundos en un día 1000 x 60 x 60 x 24. En cambio por javascript puro debe ir al final del body y usa getElementById("faltanjava") para direccionar una variable a la span de id="faltanjava" y luego con innerHTML le aplico la fórmula, solo que aquí en lugar de una fecha fija la pongo como hoy + 10 días hay que aplicar setDate() para evitar meses de más de 31 días o años de más de 12 meses.
<head>
<script>
$(document).ready(function(){
var objetivo =new Date(2030, 0, 1);
var hoy=new Date();
$("#faltanjquery").empty().html(Math.ceil((objetivo.getTime()-hoy.getTime())/(1000*60*60*24)));
});
</script>
<style>
div{
font-size:16px;
color:#900;
font-weight:bold;
margin-top:20px;
}
</style>
</head>
<body>
<div style="margin:30px;">
<div>
FALTAN <span id="faltanjquery"></span> DÍAS<br/>
PARA EL 01/01/2030
</div>
<div>
FALTAN <span id="faltanjava"></span> DÍAS<br/>
PARA hoy + 10 días
</div>
<script>
var objetospan = document.getElementById("faltanjava");
var hoy=new Date();
var objetivo=new Date();
objetivo.setDate(hoy.getDate() + 10);
objetospan.innerHTML = Math.ceil((objetivo.getTime()-hoy.getTime())/(1000*60*60*24));
</script>
</div>
</body>