/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
html/lab4/task4/clock.js
55 строк
1 KB
Coderdev
1
12 май 2026, 12:37
12 май 2026, 12:37
d8ecd0f
Код
Авторство
О чём код?
'use strict'; const cities = [ { name: 'Москва', zone: 'Europe/Moscow' }, { name: 'Токио', zone: 'Asia/Tokyo' }, { name: 'Лондон', zone: 'Europe/London' }, { name: 'Нью-Йорк', zone: 'America/New_York' }, { name: 'Сиэтл', zone: 'America/Los_Angeles' } ]; const container = document.getElementById('clocks'); const select = document.getElementById('citySelect'); function initClocks() { cities.forEach(city => { const div = document.createElement('div'); div.className = 'clock-card'; div.id = city.zone; div.innerHTML = ` <strong>${city.name}</strong> <span class="time">00:00:00</span> `; container.appendChild(div); }); } function updateTime() { const selectedZone = select.value; cities.forEach(city => { const card = document.getElementById(city.zone); const timeSpan = card.querySelector('.time'); const options = { timeZone: city.zone, hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }; const formatter = new Intl.DateTimeFormat('ru-RU', options); timeSpan.textContent = formatter.format(new Date()); if (city.zone === selectedZone) { card.classList.add('active'); } else { card.classList.remove('active'); } }); } initClocks(); setInterval(updateTime, 1000); updateTime();