Heure actuelle dans le monde.

<style>
.ew{display:block;box-sizing:border-box;width:100%;max-width:320px;margin:0;padding:14px 16px;font-family:Inter,system-ui,-apple-system,&quot;Segoe UI&quot;,Roboto,&quot;Helvetica Neue&quot;,Arial,sans-serif;color:#0f172a;background:#ffffff;border:1px solid #e5e7eb;border-radius:10px;font-feature-settings:&quot;tnum&quot; 1,&quot;ss01&quot; 1;line-height:1.25;-webkit-font-smoothing:antialiased}
.ew *{box-sizing:border-box}
.ew-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ew-row-meta{margin-bottom:6px}
.ew-region{font-size:10px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:#0f766e}
.ew-hour{font-size:34px;font-weight:700;letter-spacing:-0.01em;color:#0f172a;line-height:1;display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.ew-hour #ew-hh{font-size:34px;font-weight:700;letter-spacing:-0.01em;color:#0f172a;line-height:1}
.ew-hour #ew-mm{font-size:22px;font-weight:600;color:#0f172a;margin-left:6px}
.ew-sep{color:#6b7280;margin:0 2px;font-size:22px;font-weight:600}
.ew-ss{color:#6b7280;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;margin-left:2px}
.ew-row-city{margin-top:10px;font-size:13px;color:#0f172a;font-weight:600}
.ew-row-city .ew-cc{font-weight:500;color:#6b7280;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;margin-left:4px;padding:1px 4px;border:1px solid #e5e7eb;border-radius:4px}
.ew-city{color:#0f172a}
.ew-country{color:#6b7280;font-weight:500}
.ew-row-tz{margin-top:4px;font-size:11px;color:#6b7280;letter-spacing:0.02em;font-variant-numeric:tabular-nums}
.ew-row-tz .ew-tz{color:#6b7280}
.ew-credit{margin-top:10px;padding-top:8px;border-top:1px dashed #e5e7eb;font-size:10px;color:#6b7280;letter-spacing:0.04em;display:flex;align-items:center;justify-content:space-between;gap:6px}
.ew-brand{color:#0f766e;font-weight:600;letter-spacing:0.06em}
</style>
<div class="ew ew-card" data-ew-tz="Europe/Paris">
  <div class="ew-row ew-row-meta"><span class="ew-region">World Clock</span></div>
  <div class="ew-hour"><span id="ew-hh">--</span><span class="ew-sep">:</span><span id="ew-mm">--</span><span class="ew-ss" id="ew-ss">--</span></div>
  <div class="ew-row ew-row-city"><span class="ew-city">Paris</span> · <span class="ew-country">France</span><span class="ew-cc">FR</span></div>
  <div class="ew-row ew-row-tz"><span id="ew-weekday">--</span> · <span id="ew-date">--</span> · <span class="ew-tz">Europe/Paris</span></div>
  <div class="ew-credit"><span>Live time</span><span class="ew-brand">Minutil</span></div>
</div>
<script>
(function(){
  if (typeof window === 'undefined' || typeof document === 'undefined') return;
  var tz = "Europe/Paris";
  var nodes = document.querySelectorAll('[data-ew-tz]');
  var root = null;
  for (var i = 0; i < nodes.length; i++) {
    if (nodes[i].getAttribute('data-ew-tz') === tz) { root = nodes[i]; break; }
  }
  if (!root) return;
  var prev = root.__ewInterval;
  if (prev) clearInterval(prev);
  var hhEl = root.querySelector('#ew-hh');
  var mmEl = root.querySelector('#ew-mm');
  var ssEl = root.querySelector('#ew-ss');
  var wdEl = root.querySelector('#ew-weekday');
  var dtEl = root.querySelector('#ew-date');
  if (!hhEl || !mmEl) return;
  var tf = new Intl.DateTimeFormat('en-GB', { timeZone: tz, hourCycle: 'h23', hour: '2-digit', minute: '2-digit', second: '2-digit' });
  var df = new Intl.DateTimeFormat('en-GB', { timeZone: tz, weekday: 'short', day: '2-digit', month: 'short', year: 'numeric' });
  function update(){
    var now = new Date();
    var parts = tf.format(now).split(':');
    hhEl.textContent = parts[0] || '--';
    mmEl.textContent = parts[1] || '--';
    if (ssEl) ssEl.textContent = parts[2] || '--';
    if (wdEl) wdEl.textContent = df.format(now).split(',')[0].trim();
    if (dtEl) dtEl.textContent = df.format(now);
  }
  update();
  root.__ewInterval = setInterval(update, 1000);
})();
</script>