JSFiddle - React, Tailwind, and code Playground

HTML

<div class="timer">
  <div id="clock" class="wrap-clock">
    <div id="day" class="block-clock">
      <p><span id="day0"></span><span id="day1"></span></p>
      <p class="inner-block-clock">days</p>
    </div>
    <div id="hour" class="block-clock">
      <p><span id="hour0"></span><span id="hour1"></span></p>
    </div>
    <div id="min" class="block-clock">
      <p><span id="min0"></span><span id="min1"></span></p>
    </div>
    <div id="sec" class="block-clock">
      <p><span id="sec0"></span><span id="sec1"></span></p>
    </div>
  </div>
</div>

JavaScript

function getTimer(dataNew) {
  var date_new = dataNew;
  var date_t = new Date(date_new);
  var date = new Date();
  var timer = date_t - date;
  if (date_t > date) {
    var day = parseInt(timer / (60 * 60 * 1000 * 24));
    if (day < 10) {
      day = '0' + day;
    }
    day = day.toString();
    var hour = parseInt(timer / (60 * 60 * 1000)) % 24;
    if (hour < 10) {
      hour = '0' + hour;
    }
    hour = hour.toString();
    var min = parseInt(timer / (1000 * 60)) % 60;
    if (min < 10) {
      min = '0' + min;
    }
    min = min.toString();
    var sec = parseInt(timer / 1000) % 60;
    if (sec < 10) {
      sec = '0' + sec;
    }
    sec = sec.toString();
    if (day[1] == 9 && hour[0] == 2 && hour[1] == 3 && min[0] == 5 && min[1] == 9 && sec[0] == 5 && sec[1] == 9) {
      animation($("#day0"), day[0]);
    } else {
      $("#day0").html(day[0]);
    }
    if (hour[0] == 2 && hour[1] == 3 && min[0] == 5 && min[1] == 9 && sec[0] == 5 && sec[1] == 9) {
      animation($("#day1"), day[1]);
    } else {
      $("#day1").html(day[1]);
    }
    if (hour[1] == 3 && min[0] == 5 && min[1] == 9 && sec[0] == 5 && sec[1] == 9) {
      animation($("#hour0"), hour[0]);
    } else {
      $("#hour0").html(hour[0]);
    }
    if (min[0] == 5 && min[1] == 9 && sec[0] == 5 && sec[1] == 9) {
      animation($("#hour1"), hour[1]);
    } else {
      $("#hour1").html(hour[1]);
    }
    if (min[1] == 9 && sec[0] == 5 && sec[1] == 9) {
      animation($("#min0"), min[0]);
    } else {
      $("#min0").html(min[0]);
    }
    if (sec[0] == 5 && sec[1] == 9) {
      animation($("#min1"), min[1]);
    } else {
      $("#min1").html(min[1]);
    }
    if (sec[1] == 9) {
      animation($("#sec0"), sec[0]);
    } else {
      $("#sec0").html(sec[0]);
    }
    animation($("#sec1"), sec[1]);
    setTimeout(function() {
      getTimer(dataNew);
    }, 1000);
  } else {
    $("#clock").html("<span id='stop'>Время истекло</span>");
  }
}

function animation(vibor, param) {
 ...