JSFiddle - React, Tailwind, and code Playground

by vuldozer

HTML

<div id="target">

</div>

JavaScript

var target_date = new Date("2019-08-06").getTime(); // установить дату обратного отсчета из php
var days, hours, minutes, seconds; // переменные для единиц времени
 
var countdown = document.getElementById("target");
 
setInterval(function () { getCountdown(); }, 1000);
 
function getCountdown(){
 
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
 
    days = pad( parseInt(seconds_left / 86400) );
    seconds_left = seconds_left % 86400;
   console.log(seconds_left);
    hours = pad( parseInt(seconds_left / 3600) );
    seconds_left = seconds_left % 3600;
           
    minutes = pad( parseInt(seconds_left / 60) );
    seconds = pad( parseInt( seconds_left % 60 ) );
 

    countdown.innerHTML = "<span>д:" + days + "</span> - <span>ч:" + hours + "</span> - <span>м:" + minutes + "</span> - <span>с:" + seconds + "</span>"; 
}
 
function pad(n) {
    return (n < 10 ? '0' : '') + n;
}