[SOLUCIONADO] Cuenta regresiva modificada

#1 (**permalink**) 12/10/2017, 13:18

Hola a todos.

El siguiente código que he encontrado en la web realiza una cuenta regresiva a una fecha establecida al principio. Yo he intentado modificarlo para que cuando llegue la fecha establecida, se le sume 15 días a la fecha inicial y automáticamente comience de nuevo a contar, y así sucesivamente cada 15 días. Pero no consigo hacerlo. Mi modificación es lo que está dentro del if. ¿Alguna ayuda?

Muchas gracias por adelantado

Código Javascript:

Ver original<!DOCTYPE HTML>
<html>
<head>
<style>
p {
  text-align: center;
  font-size: 60px;
}
</style>
</head>
<body>
 
<p id="demo"></p>
 
<script>
 
// Set the date we're counting down to
var countDownDate = new Date("Oct 11, 2016, 19:49:10");
 
// Update the count down every 1 second
var x = setInterval(function() {
 
    // Get todays date and time
    var now = new Date().getTime();
    
    // Find the distance between now an the count down date
    var distance = countDownDate - now;
    
    // Time calculations for days, hours, minutes and seconds
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
    // Output the result in an element with id="demo"
    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";
    
    // If the count down is over, write some text 
    if (distance < 0) {
        //clearInterval(x);
      
          days=countDownDate.getDate()+15;
        
        //var countDownDate = new Date("Oct 12, 2017, 19:49:10");
       var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
   
          // Output the result in an element with id="demo"
    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";
      
        //document.getElementById("demo").innerHTML = "EXPIRED";
             
    }
    now=day;
}, 1000);
 
 
 
</script>
 
</body>
</html>

xfxstudios · #2 (**permalink**) 12/10/2017, 14:42

para empezar puedes hacer la modificacion en pantalla sin problemas pero igual no te serviria porque debes almacenarla en algún sitio para que se mantenga el contador, y alli esta escrita de forma manual, lo que implica que cuando cierre la pestaña y la abra de nuevo esta mantendra la fecha original, debes trabajar con cookies o BD para mantener la fecha sumada o nueva

#3 (**permalink**) 12/10/2017, 15:29

Cita:

Iniciado por xfxstudios

para empezar puedes hacer la modificacion en pantalla sin problemas pero igual no te serviria porque debes almacenarla en algún sitio para que se mantenga el contador, y alli esta escrita de forma manual, lo que implica que cuando cierre la pestaña y la abra de nuevo esta mantendra la fecha original, debes trabajar con cookies o BD para mantener la fecha sumada o nueva

Ah, de acuerdo, ya entiendo. Pensé que se podía hacer solo con Javascript. Muchas gracias!