countDown.html

<link rel="stylesheet" type="text/css" href="./css/countdown.css">

<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap" rel="stylesheet">

<div class="countdown-container">
  <!--<img width="200px" style="margin:0 auto 20px auto;display:block" src="https://image.flaticon.com/icons/svg/2144/2144314.svg">-->
  
  <img width="200px" style="margin:0 auto 20px auto;display:block" src="https://media.giphy.com/media/MGndlZYnTsZAA/giphy.gif">

  <div class="to-date"> Counting to: <span id="to"></span></div>
<div class="countdown"></div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script>
  $(document).ready(
    function () {
        
        
    
        $(window).trigger('resize');
        $(window).trigger('resize');
        var dd = "October 31, 2020"
        /*var deadline = new Date("<?php // echo date("M d, Y H:i:s", $promotion['countdown']); ?>").getTime(); */
        var deadline = new Date(dd + " 00:00:00").getTime();
        var x = setInterval(function() {
        var now = new Date().getTime();
        var t = deadline - now;
        var days = Math.floor(t / (1000 * 60 * 60 * 24));
        var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
        var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((t % (1000 * 60)) / 1000);
        var e = document.getElementsByClassName("countdown");
        
        jQuery('.countdown').html("<div class='counter-section'><div class='counter-wrap'><div class='counter-container'><div class='counter-box'><p class='counter-time'>" + days + "</p><p class='counter-tag'>days</p></div>" + "<div class='counter-box'><p class='counter-time'>" + hours + "</p><p class='counter-tag'>hrs</p></div>" + "<div class='counter-box'><p class='counter-time'>" + minutes + "</p><p class='counter-tag'>mins</p></div>" + "<div class='counter-box'><p class='counter-time'>" + seconds + "</p><p class='counter-tag'>scds</p></div></div></div></div>");
        
     $('#to').html(dd);
          
        }, 1000);
    })
</script>