Description
9\n\n\n \n \n <title>Digital Clock</title>\n <style>\n body {\n font-family: Arial, sans-serif;\n text-align: center;\n margin-top: 50px;\n }\n .clock {\n font-size: 48px;\n margin: 20px;\n }\n .timezone {\n font-size: 24px;\n }\n </style>\n\n\n Digital Clock \n
\n
\n\n <script>\n function updateClock() {\n const utcDate = new Date();\n const options = { timeZoneName: 'short', hour: '2-digit', minute: '2-digit', second: '2-digit' };\n\n const timezones = [\n { label: 'UTC', offset: 0 },\n { label: 'GMT-5', offset: -5 },\n { label: 'GMT+1', offset: 1 },\n { label: 'GMT+3', offset: 3 },\n { label: 'GMT+5:30', offset: 5.5 }\n ];\n let clockText = '';\n timezones.forEach(tz => {\n const dateTime = new Date(utcDate.getTime() + tz.offset * 60 * 60 * 1000);\n clockText += ${tz.label}: ${dateTime.toLocaleTimeString('en-US', options)}<br>;\n });\n\n document.getElementById('clock').innerHTML = clockText;\n }\n\n setInterval(updateClock, 1000);\n updateClock();\n </script>\n\n
Reactions are currently unavailable
You can’t perform that action at this time.
Digital Clock
\n \n \n\n <script>\n function updateClock() {\n const utcDate = new Date();\n const options = { timeZoneName: 'short', hour: '2-digit', minute: '2-digit', second: '2-digit' };\n\n const timezones = [\n { label: 'UTC', offset: 0 },\n { label: 'GMT-5', offset: -5 },\n { label: 'GMT+1', offset: 1 },\n { label: 'GMT+3', offset: 3 },\n { label: 'GMT+5:30', offset: 5.5 }\n ];\n let clockText = '';\n timezones.forEach(tz => {\n const dateTime = new Date(utcDate.getTime() + tz.offset * 60 * 60 * 1000);\n clockText +=${tz.label}: ${dateTime.toLocaleTimeString('en-US', options)}<br>;\n });\n\n document.getElementById('clock').innerHTML = clockText;\n }\n\n setInterval(updateClock, 1000);\n updateClock();\n </script>\n\n