Как сделать часы с текущим временем на сайте?

Question

[Сергей Горячев]

Меня интересует простой способ вывести часы на сайте.
Часы должны показывать ЧЧ:ММ текущего времени.
Должны быть динамические, т.е. меняться без перезагрузки страницы.
Решение нужно максимально простое и легкое, так как выводиться будет на простом временном сайте-лендинге.
И еще одна особенность, часы должны показывать 2 часовых пояса - Москва и Берлин.
Знаю moment.js, но для такой задачи мне кажется тянуть плагин такого масштаба это лишнее.

Answer 1

[Nwton]

Для начала так: https://jsfiddle.net/eLLs89dn
Необходимо добавить:
1) сдвиг по поясу
2) форматирование xx:xx:xx

Comments

[Сергей Горячев]

Отлично, ты гений) Часовой пояс поменять легко, -2 сделать просто.

[iBird Rose]

Sergey Goryachev: тока такие часы вернут время для каждого часового пояса свое. поэтому считай по UTC https://jsfiddle.net/eLLs89dn/1/

[Сергей Горячев]

iBird Rose: Оу, логично) Не подумал)

[Сергей Горячев]

iBird Rose: Спасибо) Даже в голову не пришло)

[Сергей Соколов]

Ну и лучше не на 1000 мс – JS таймеры не точны – секунды могут дёргаться аритмично. А вызывать проверку времени по несколько раз в секунду, и обновлять время, если оно обновилось: https://jsfiddle.net/sergiks/eLLs89dn/3/

[Сергей Горячев]

Сергей Соколов: Ну, если честно, секунды вообще без надобности, но тоже неплохо) Добавлю)

[Сергей Горячев]

Сергей Соколов: О, ты и секунды починил) Спасибо) Как раз удмал, как лучше сделать)

[Nwton]

Сергей Соколов: давайте, еще немного и эти часы можно будет использовать для путешествий во времени))

Answer 2

[Олег]

Аналоговые часы https://jsfiddle.net/Politonius/4oes19w7/