JSFiddle - React, Tailwind, and code Playground

HTML

<div id='time'></div>

JavaScript

var date;
var display = document.getElementById('time');

$(document).ready(function() {
    getTime('GMT', function(time){
        date = new Date(time);
    });    
});

setInterval(function() {
    date = new Date(date.getTime() + 1000);

	var currenthours = date.getHours();
	var hours;
	var minutes;
	var seconds;
	if (currenthours != 21){
		if (currenthours < 21) {
			hours = 20 - currenthours;
		} else {
			hours = 21 + (24 - currenthours);
		}
		minutes = 60 - date.getMinutes();
		seconds = 60 - date.getSeconds();
        
        if (minutes < 10) {
            minutes = '0' + minutes;
        }
        if (seconds < 10) {
            seconds = '0' + seconds;
        }
        
		display.innerHTML = hours + ':' + minutes + ':' +seconds;
	} else { 
		display.innerHTML = 'LIVE NOW';
	}
}, 1000);

function getTime(zone, success) {
    var url = 'http://json-time.appspot.com/time.json?tz=' + zone,
        ud = 'json' + (+new Date());
    window[ud]= function(o){
        success && success(new Date(o.datetime));
    };
    document.getElementsByTagName('head')[0].appendChild((function(){
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.src = url + '&callback=' + ud;
        return s;
    })());
}