simple-digital-clock.github.io/script.js at main · quitorio/simple-digital-clock.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
let selectedTimezone = 'local';

function updateClock() {
    const now = new Date();
    let timeString;

    if (selectedTimezone === 'local') {
        timeString = now.toLocaleTimeString();
    } else {
        timeString = now.toLocaleTimeString('en-US', { timeZone: selectedTimezone });
    }

    document.getElementById('clock').textContent = timeString;
}

setInterval(updateClock, 1000);

updateClock();

document.getElementById('location-btn').addEventListener('click', function() {
    const select = document.getElementById('timezone-select');
    select.style.display = select.style.display === 'none' ? 'block' : 'none';
});

document.getElementById('timezone-select').addEventListener('change', function() {
    selectedTimezone = this.value;
    updateClock();
});