JSFiddle - React, Tailwind, and code Playground

Flipclock

HTML

<html>
	<head>
		<link rel="stylesheet" href="https://myrusakov.ru/images/articles/demo/jquery-flipclock/flipclock.css">

		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

		<script src="https://myrusakov.ru/images/articles/demo/jquery-flipclock/flipclock.js"></script>
	</head>
	<body>
	<div class="clock" style="margin:2em;"></div>
	<div class="message"></div>
  </body>
</html>

JavaScript 1.7

var clock;
		
		$(document).ready(function() {
			var clock;

			clock = $('.clock').FlipClock({
		        clockFace: 'DailyCounter',
		        autoStart: false,
		        callbacks: {
		        	stop: function() {
		        		$('.message').html('The clock has stopped!')
		        	}
		        }
		    });
				    
		    clock.setTime(2880);
		    clock.setCountdown(true);
		    clock.start();

		});