JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script>
<link rel="stylesheet" href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css">
<div class="clock"></div>

JavaScript

$(document).ready(function(){
    Data = new Date();
var time = 86400 - (Data.getHours()*3600 + Data.getMinutes()*60 + Data.getSeconds());
console.log(time);
var clock;
clock = new FlipClock($('.clock'), time, {
    clockFace: 'DailyCounter', //вид счетчика (с количеством дней)
    autoStart: true,          //Отключаем автозапуск
    countdown: true	,           //Отсчет назад
    language:'ru-ru',           //Локаль языка
    callbacks: {               //Действие после окончания отсчета
        stop: function() {
          clock.setTime(86400);  
          clock.setCountdown(true);
          clock.start(); 
       	}
    }
});  
});