JSFiddle - React, Tailwind, and code Playground

by gRoberts

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.33/moment-timezone-with-data.min.js"></script>
<div class="time" data-timezone="Europe/Brussels">Brussels: <span></span></div>
<div class="time" data-timezone="Europe/Istanbul">Istanbul: <span></span></div>
<div class="time" data-timezone="Europe/London">London: <span></span></div>
<div class="time" data-timezone="America/Los_Angeles">San Fran: <span></span></div>

JavaScript

(function($) {
	window.setTimes = function() {
  	var time = moment();
    console.log(time);
  	$('.time').each(function() {
    	$(this).find('span').text(time.tz($(this).attr('data-timezone')).format('HH:mm:ss'));
    });
    setTimeout(window.setTimes, 1000);
  };
  window.setTimes();
})(jQuery);