Skip to main content
Añadir div para que el ejemplo funcione
Origen Enlace
user22721
user22721

Crear y repetir CooldonwCooldown

mi duda es la siguiente, quieroQuiero hacer un cooldowncooldown que cuando llegue al final de por ejemplo 24h sume 1 día y vuelva a comenzar la cuenta atrás de 24h, si alguien me pudiera ayudar le estaría muy agradecido, gracias de antemano Aquí algo de lo que llevo hecho intentandolointentándolo:

var countDownYear = new Date().getFullYear();
var countDownMonth = new Date().getMonth() + 1;
var countDownDay = new Date().getDate();
var countDownDate = new Date(countDownMonth + " " + countDownDay + ", " + countDownYear + " 15:27:30").getTime();

var x = setInterval(function () {
  var now = new Date().getTime();
  var distance = countDownDate - now;

  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);

  document.querySelector('#daily-time').innerHTML = days + "d " + hours + "h " +
    minutes + "m " + seconds + "s";

  if (distance < 0) {
    console.log(countDownDay);
    countDownDay++;
    console.log(countDownDay);
    clearInterval(x);
  }
}, 1000);
<div id="daily-time"></div>

Crear y repetir Cooldonw

mi duda es la siguiente, quiero hacer un cooldown que cuando llegue al final de por ejemplo 24h sume 1 día y vuelva a comenzar la cuenta atrás de 24h, si alguien me pudiera ayudar le estaría muy agradecido, gracias de antemano Aquí algo de lo que llevo hecho intentandolo:

var countDownYear = new Date().getFullYear();
var countDownMonth = new Date().getMonth() + 1;
var countDownDay = new Date().getDate();
var countDownDate = new Date(countDownMonth + " " + countDownDay + ", " + countDownYear + " 15:27:30").getTime();

var x = setInterval(function () {
  var now = new Date().getTime();
  var distance = countDownDate - now;

  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);

  document.querySelector('#daily-time').innerHTML = days + "d " + hours + "h " +
    minutes + "m " + seconds + "s";

  if (distance < 0) {
    console.log(countDownDay);
    countDownDay++;
    console.log(countDownDay);
    clearInterval(x);
  }
}, 1000);

Crear y repetir Cooldown

Quiero hacer un cooldown que cuando llegue al final de por ejemplo 24h sume 1 día y vuelva a comenzar la cuenta atrás de 24h, si alguien me pudiera ayudar le estaría muy agradecido, gracias de antemano Aquí algo de lo que llevo hecho intentándolo:

var countDownYear = new Date().getFullYear();
var countDownMonth = new Date().getMonth() + 1;
var countDownDay = new Date().getDate();
var countDownDate = new Date(countDownMonth + " " + countDownDay + ", " + countDownYear + " 15:27:30").getTime();

var x = setInterval(function () {
  var now = new Date().getTime();
  var distance = countDownDate - now;

  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);

  document.querySelector('#daily-time').innerHTML = days + "d " + hours + "h " +
    minutes + "m " + seconds + "s";

  if (distance < 0) {
    console.log(countDownDay);
    countDownDay++;
    console.log(countDownDay);
    clearInterval(x);
  }
}, 1000);
<div id="daily-time"></div>

Origen Enlace

Crear y repetir Cooldonw

mi duda es la siguiente, quiero hacer un cooldown que cuando llegue al final de por ejemplo 24h sume 1 día y vuelva a comenzar la cuenta atrás de 24h, si alguien me pudiera ayudar le estaría muy agradecido, gracias de antemano Aquí algo de lo que llevo hecho intentandolo:

var countDownYear = new Date().getFullYear();
var countDownMonth = new Date().getMonth() + 1;
var countDownDay = new Date().getDate();
var countDownDate = new Date(countDownMonth + " " + countDownDay + ", " + countDownYear + " 15:27:30").getTime();

var x = setInterval(function () {
  var now = new Date().getTime();
  var distance = countDownDate - now;

  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);

  document.querySelector('#daily-time').innerHTML = days + "d " + hours + "h " +
    minutes + "m " + seconds + "s";

  if (distance < 0) {
    console.log(countDownDay);
    countDownDay++;
    console.log(countDownDay);
    clearInterval(x);
  }
}, 1000);