JSFiddle - React, Tailwind, and code Playground
by Znuff
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.css">
<div id="countdown"></div>
JavaScript
(function($) {
FlipClock.Lang.Romanian = {
'years' : 'ani',
'months' : 'luni',
'days' : 'zile',
'hours' : 'ore',
'minutes' : 'minute',
'seconds' : 'secunde'
};
FlipClock.Lang['ro'] = FlipClock.Lang.Romanian;
FlipClock.Lang['ro-ro'] = FlipClock.Lang.Romanian;
FlipClock.Lang['romanian'] = FlipClock.Lang.Romanian;
}(jQuery));
var currentDate = new Date();
var futureDate = new Date("2019-11-30T00:00:00.000-02:00");
console.log(futureDate);
var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;
console.log(diff);
clock = $('#countdown').FlipClock(diff, {
clockFace: 'MinuteCounter',
countdown: true,
language: 'ro-ro',
});