// Ajusta la fecha a:
var fechaCuentaAtras = new Date("February 27, 2022 23:59:0").getTime();

/** 
** VERSIÓN 1
** Simplemente muestra la cuenta atrás para una fecha introducida manualmente.
**/

// Actualiza la cuenta cada segundo
var x = setInterval(function() {
  
  // Obtiene la fecha y hora de hoy en milisegundos
  var ahora = new Date().getTime();
    
  // Calcula la distancia entre ahora y la fecha de la cuenta atrás, en milisegundos
  var distancia = fechaCuentaAtras - ahora;
    
  // Cálculo de tiempo para días,horas, minutos y segundos
  var dias = Math.floor(distancia / (1000 * 60 * 60 * 24));
  var horas = Math.floor((distancia % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutos = Math.floor((distancia % (1000 * 60 * 60)) / (1000 * 60));
  var segundos = Math.floor((distancia % (1000 * 60)) / 1000);
    
  document.getElementById("demo1").innerHTML = dias + " días " + horas + " horas "
  + minutos + " minutos " + segundos + " segundos ";
  /* Si la cuenta atrás ha terminado, escribe un texto. Más adelante, en la Demo 2, se presenta una alternativa más avanzada */
  if (distancia < 0) {
    clearInterval(x);
    document.getElementById("demo1").innerHTML = "El plazo ha expirado";
  }

}, 1000);


/***
** DEMO 2
** Una vez termina la cuenta atrás, añade 7 días, creando así un nuevo periodo
***/
// Actualiza la cuenta cada segundo
var y = setInterval(function() {
  // Obtiene la fecha y hora de hoy en milisegundos
  var ahora = new Date().getTime();
    
  /* Calcula la distancia entre ahora y la fecha de la cuenta atrás, en milisegundos. Si el plazo ha expirado, se crea una nueva fecha, sumando sucesivamente 7 días exactos a la variable 'fechaCuentaAtras' tantas veces como sea preciso hasta llegar a una fecha positiva (futuro) */
  if (fechaCuentaAtras == 0)  {
    document.getElementById("demo2").innerHTML = "";
    clearInterval(y);
  }
  while ( (fechaCuentaAtras - ahora) < 0) {
    fechaCuentaAtras += 1000*60*60*24*7;
  }
  var distancia = fechaCuentaAtras - ahora;
    
    // Cálculo de tiempo para días,horas, minutos y segundos
  var dias = Math.floor(distancia / (1000 * 60 * 60 * 24));
  var horas = Math.floor((distancia % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutos = Math.floor((distancia % (1000 * 60 * 60)) / (1000 * 60));
  var segundos = Math.floor((distancia % (1000 * 60)) / 1000);
  /* Inserta en el documento HTML los números */
  document.getElementById("dias-v2").innerHTML = dias;
  document.getElementById("horas-v2").innerHTML = horas;
  document.getElementById("minutos-v2").innerHTML = minutos;
  document.getElementById("segundos-v2").innerHTML = segundos;
}, 1000);