<div class="clock d-flex justify-content-center mb-2">
    <div class="clock-wrap justify-content-center justify-content-lg-start text-center">
        <div class="clock-elem clock-elem-left">
            <span>02</span>
            <p class="text-secondary">дней</p>
        </div>
        <div class="clock-elem">
            <span>02</span>
            <p class="text-secondary">часов</p>
        </div>
        <div class="clock-elem">
            <span>34</span>
            <p class="text-secondary">минут</p>
        </div>
        <div class="clock-elem clock-elem-320">
            <span>08</span>
            <p class="text-secondary">секунд</p>
        </div>
        <div class="clock-elem ms-wrap">
            <span class="ms">02</span>
            <p class="text-secondary">милисек.</p>
        </div>
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.js" integrity="sha256-DrT5NfxfbHvMHux31Lkhxg42LY6of8TaYyK50jnxRnM=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.js"></script>
<script type="application/javascript">
    (function($){$('.popup').click(function(e){if(e.target.className.indexOf('js-popup-close')!==-1){$(this).fadeOut();}});let $page=$('html, body');$('a[href*="#"]').click(function(){$page.animate({scrollTop:$($.attr(this,'href')).offset().top},700);return false;});$('.js-popup-open').on('click',function(){$('.popup').fadeIn();});let $clock_wrap=$('.clock-wrap'),date_start='2020-06-22 19:00:00',Date_start=new Date(date_start),date_now=new Date(),template=`
            <div class="clock-elem clock-elem-left">
                <span>%D</span>
                <p class="text-secondary">дней</p>
            </div>
            <div class="clock-elem">
                <span>%H</span>
                <p class="text-secondary">часов</p>
            </div>
            <div class="clock-elem">
                <span>%M</span>
                <p class="text-secondary">минут</p>
            </div>
            <div class="clock-elem clock-elem-320">
                <span>%S</span>
                <p class="text-secondary">секунд</p>
            </div>
            <div class="clock-elem ms-wrap">
                <span class="ms">00</span>
                <p class="text-secondary">милисек.</p>
            </div>
         let count=100;setInterval(timer,10);function timer()
    	{let _null='';if(count<=0){count=100;}
        count--;if(count<10){_null='0'}
        $('.ms').text(_null+count);}
        if(Date_start<date_now){$clock_wrap.hide()}
        $clock_wrap.countdown(date_start,function(event){$(this).html(event.strftime(template));}).on('finish.countdown',function(){$clock_wrap.hide();});$('.slider').owlCarousel({items:1,dots:false,nav:true,navText:['<img class="mr-3" src="images/owl-nav.png" />','<img src="images/owl-nav-r.png" />']})})(jQuery);`;
</script>
<script>
    (function($){$('.popup').click(function(e){if(e.target.className.indexOf('js-popup-close')!==-1){$(this).fadeOut();}});let $page=$('html, body');$('a[href*="#"]').click(function(){$page.animate({scrollTop:$($.attr(this,'href')).offset().top},700);return false;});$('.js-popup-open').on('click',function(){$('.popup').fadeIn();});let $clock_wrap=$('.clock-wrap'); let d1 = new Date (); let d2 = new Date (d1); d2.setMinutes (d1.getMinutes()+15 ); date_start = d2,Date_start=new Date(date_start),date_now=new Date(),template=`
            <div class="clock-elem clock-elem-left">
                <span>%D</span>
                <p class="text-secondary">Days</p>
            </div>
<div class="clock-elem">
                <span>%H</span>
                <p class="text-secondary">Hours</p>
            </div>
<div class="clock-elem">
                <span>%M</span>
                <p class="text-secondary">Minutes</p>
            </div>
<div class="clock-elem clock-elem-320">
                <span>%S</span>
                <p class="text-secondary">Seconds</p>
            </div>
<div class="clock-elem ms-wrap">
                <span class="ms">00</span>
                <p class="text-secondary">Millisecond.</p>
            </div>
`;let count=100;setInterval(timer,10);function timer()
    {let _null='';if(count<=0){count=100;}
        count--;if(count<10){_null='0'}
        $('.ms').text(_null+count);}
        if(Date_start<date_now){$clock_wrap.hide()}
        $clock_wrap.countdown(date_start,function(event){$(this).html(event.strftime(template));}).on('finish.countdown',function(){$clock_wrap.hide();});$('.slider').owlCarousel({items:1,dots:false,nav:true,navText:['<img class="mr-3" src="images/owl-nav.png" />','<img src="images/owl-nav-r.png" />']})})(jQuery);
</script>