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:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

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

<!-- language: lang-html -->

    <div id="daily-time"></div>

<!-- end snippet -->