Как сделать простые часы на JavaScript

В этом маленьком посте я хочу рассказать о том как реализовать простейшие часы на JavaScript. Эти часы будут работать в любом браузере.

В этом маленьком посте я хочу рассказать о том как реализовать простейшие часы на JavaScript. Эти часы будут работать в любом браузере.

А точнее сказать будем делать электронные часы.

Алгоритма будет таков:

  1. На странице создать элемент в который мы поместим наши часы.
  2. Реализуем js функцию, которая будет считывать текущее время и сохраняет его в созданный в первом пункте элемент.
  3. В конце функции разместик вызов setTimeout, которая будет запускать определение времени каждую секунду.
  4. Делаем единственный вызов написанной функции.

Что получится в разультате, после вызова этой функции текущее время запишется в указанный блок, и наша функция будет вызываться каждую секунду.

Вот простая реализация указанного алгоритма:

 

Вот наши часы и готовы:

 
Комментарии (7)
  • Викуся Среда 07 Июль 2010
    Скажите пожалуйста, а Вы можете помочь сделать часы?
  • vasiatka Суббота 17 Июль 2010
    А что конкретно вас интересует?
  • Башмак Среда 09 Февраль 2011
    А как сделать так, чтобы часы работали по определенно заданному часовому поясу(т.е. GMT), а не по тому которое установлено у пользователя на компьютере? Например мне нужно чтобы на моём сайте эти часы работали по московскому времени, это [GMT +3:00]. Возможно ли такое реализовать?
  • vasiatka Четверг 06 Октябрь 2011
    Башмак, нужно формировать время по гринвичу и прибавлять в нему нужное число миличекунд
  • sheR Четверг 29 Март 2012
    Спасибо
  • Часы Четверг 03 Май 2012
    Хорошие часы , с помощью CSS их можно сделать красивыми , и строгими!
  • vasiatka Понедельник 21 Май 2012
    С помощью css вообще можно много чего сделать:)
Добавить комментарий
Вам необходимо включить показ изображений в браузере для того чтобы увидеть код

Дайте нам знать, что вы - живой человек. Для нас это важно!
Кликните, если плохо видно

Прежде чем высказать свое мнение, прочитайте пожалуйста: правила


Рейтинг@Mail.ru