Upload forex_market_hours.html

forex_market_hours.html

@@ -0,0 +1,102 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Forex Market Hours</title>
+  <style>
+    body {
+      background-color: #0f0f0f;
+      color: white;
+      font-family: sans-serif;
+      max-width: 415px;
+      margin: 0 auto;
+      padding: 20px;
+    }
+    h2 {
+      text-align: center;
+      color: #00ccff;
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin-top: 10px;
+    }
+    th, td {
+      border: 1px solid #333;
+      padding: 8px;
+      text-align: center;
+    }
+    th {
+      background-color: #222;
+    }
+    tr:nth-child(even) {
+      background-color: #1a1a1a;
+    }
+  </style>
+</head>
+<body>
+  <h2>Forex Market Hours (Live)</h2>
+  <p id="localtime" style="text-align:center; margin-bottom:10px;"></p>
+  <table>
+    <thead>
+      <tr>
+        <th>Center</th>
+        <th>Status</th>
+        <th>Time Left</th>
+        <th>Start (UTC)</th>
+        <th>End (UTC)</th>
+      </tr>
+    </thead>
+    <tbody id="session-table">
+    </tbody>
+  </table>
+
+<script>
+const sessions = [
+  {center: "Sydney", start: 22, end: 6},
+  {center: "Tokyo", start: 0, end: 8},
+  {center: "London", start: 7, end: 15},
+  {center: "New York", start: 12, end: 20},
+];
+
+function updateTable() {
+  const now = new Date();
+  const nowUTC = new Date(now.getTime() + now.getTimezoneOffset() * 60000);
+  document.getElementById("localtime").innerHTML = "Local Time: <b>" + now.toLocaleTimeString() + "</b>";
+
+  const table = document.getElementById("session-table");
+  table.innerHTML = "";
+
+  sessions.forEach(s => {
+    let startUTC = new Date(nowUTC);
+    startUTC.setUTCHours(s.start, 0, 0, 0);
+    let endUTC = new Date(nowUTC);
+    endUTC.setUTCHours(s.end, 0, 0, 0);
+
+    if (s.end < s.start) {
+      if (nowUTC.getUTCHours() < s.start) startUTC.setUTCDate(startUTC.getUTCDate() - 1);
+      else endUTC.setUTCDate(endUTC.getUTCDate() + 1);
+    }
+
+    let isOpen = nowUTC >= startUTC && nowUTC <= endUTC;
+    let timeLeft = isOpen ? new Date(endUTC - nowUTC).toISOString().substr(11, 8) : "-";
+    let statusColor = isOpen ? "#00cc66" : "#999";
+
+    table.innerHTML += `
+      <tr>
+        <td>${s.center}</td>
+        <td style="color:${statusColor}; font-weight:bold;">${isOpen ? "Open" : "Closed"}</td>
+        <td>${timeLeft}</td>
+        <td>${s.start.toString().padStart(2, '0')}:00</td>
+        <td>${s.end.toString().padStart(2, '0')}:00</td>
+      </tr>
+    `;
+  });
+}
+
+updateTable();
+setInterval(updateTable, 1000);
+</script>
+</body>
+</html>