Untitled

<html>

<head>
    <script
      src="https://code.jquery.com/jquery-3.3.1.min.js"
      integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
      crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.4.1/moment-timezone-with-data-2010-2020.min.js"></script>

</head>

<body>

  Barcelona date time
  <br>
  <div id="divBCN"></div>
  <br>

  Madrid date time
  <br>
  <div id="divMAD"></div>
  <br>

  Valencia date time
  <br>
  <div id="divVAL"></div>
  <br>

  Rotterdam date time
  <br>
  <div id="divRTM">
  <br>

  Hong Kong date time
  <br>
  <div id="divHKG"></div>
  <br>

  Shenzhen
  <br>
  <div id="divSZX"></div>
  <br>

  Hangzhou date time
  <br>
  <div id="divHGH"><div>
  <br>

  Sidney date time
  <br>
  <div id="divSYD"></div>
  <br>

  <script>
      $(function(){
        setInterval(function(){
          $('#divBCN').text(moment.tz('Europe/Madrid').format('YYYY-MM-DD HH:mm:ss'));
          $('#divMAD').text(moment.tz('Europe/Madrid').format('YYYY-MM-DD HH:mm:ss'));
          $('#divVAL').text(moment.tz('Europe/Madrid').format('YYYY-MM-DD HH:mm:ss'));
          $('#divRTM').text(moment.tz('Europe/Amsterdam').format('YYYY-MM-DD HH:mm:ss'));
          $('#divHKG').text(moment.tz('Asia/Hong_Kong').format('YYYY-MM-DD HH:mm:ss'));
          $('#divSZX').text(moment.tz('Asia/Hong_Kong').format('YYYY-MM-DD HH:mm:ss'));
          $('#divHGH').text(moment.tz('Asia/Shanghai').format('YYYY-MM-DD HH:mm:ss'));
          $('#divSYD').text(moment.tz('Australia/Sydney').format('YYYY-MM-DD HH:mm:ss'));
        },1000);
      });
  </script>
<body>
</html>