<div class="text-center countDown">
  <div class="">
      <span class='countDate' src='{{ module.countdown_date|datetimeformat('%Y/%m/%d') }}'></span>  
    <div class="dateCount noListStyle">
      <ul>
        <li class='ib'><span id="days"></span> days</li>
        <li class='ib'><span id="hours"></span> Hours</li>
        <li class='ib'><span id="minutes"></span> Minutes</li>
        <li class='ib'><span id="seconds"></span> Seconds</li>
      </ul>
    </div>
    
  </div>
    
</div>


          
        

          
            .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.card {
  flex: 0 1 320px;
  display: flex;
  margin: 1rem 0;
}
.card__image {
  flex: 0 0 30px;
}
.card__text {
  flex: 1 1 100%;
  padding: 0 1rem;
}

.card__text h4 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.card:after {
  content: '';
  flex: auto;
}


          
        

          
            // js
var date = $('.countDate').attr('src');

const second = 1000,
      minute = second * 60,
      hour = minute * 60,
      day = hour * 24;

let countDown = new Date(date).getTime(),
    x = setInterval(function() {

      let now = new Date().getTime(),
          distance = countDown - now;

      document.getElementById('days').innerText = Math.floor(distance / (day)),
        document.getElementById('hours').innerText = Math.floor((distance % (day)) / (hour)),
        document.getElementById('minutes').innerText = Math.floor((distance % (hour)) / (minute)),
        document.getElementById('seconds').innerText = Math.floor((distance % (minute)) / second);  }, second)