CodeLAB
на главную карта сайта обратная связь

Популярные задачи:

#Динамическое изменение цвета полоски прокрутки в IE5.5 и выше. (29935 hits)
#Выборка конкретной записи из таблицы. (31815 hits)
#Шифрование произвольных данных. (326945 hits)
#Вращение фигуры в плоскости. (38997 hits)
#Вставка новой записи в таблицу БД. (35558 hits)
#Рисование линии. (37791 hits)
#Двусторонняя карта. (32974 hits)
#Случайный выбор нескольких несовпадающих значений из множества. (57119 hits)
#Сглаживание кривой В-сплайном. (37632 hits)
#сортировка пузырьком. (151111 hits)
#Наибольший общий делитель. (190380 hits)
#Переключатель в кириллицу. (31688 hits)
#Бинарный поиск в массиве и его разновидности. (165332 hits)
#Доступ ко всем полям и методам. (56887 hits)
#Загрузчик классов. (42326 hits)
#ООП на javascript: классы, наследование, инкапсуляция. (256707 hits)
#Вычисление минимального / максимального значения. (73177 hits)
#Рисование прямоугольника. (30288 hits)
#Синус. (59475 hits)
#Заливка замкнутой области. (61345 hits)


Главная >> Каталог задач >> Веб-разработка >> Клиентский скриптинг(js, vba и т.д.) >> Часики на js

Часики на js

Aвтор:
Дата:
Просмотров: 90101
реализации(php: 1шт...) +добавить

Текстовые, простые часы

По-другому: "электронные" часы на сайте. Выглядит примерно следующим образом:
Текущее время:

Делается следущим образом:

  1. Создаем на странице элемент, в котором будет выводится значение времени. Это может быть span, div, p - в общем случае любой html элемент документа, отображаемое содержимое которого можно модифицировать.
  2. Создаем функцию, которая при запуске получает текущие количество часов, минут и секунд, формирует из этого требуемое представление текущего времени и сохраняет это в значение элемента, созданного в п.1.
  3. В конце этой функции размещаем setTimeout, указывая в параметрах имя нашей фукнции и интервал вызова - секунду. Т.е.: setTimeout('GetCurrTimeFunc()',1000)
  4. После этого делаем один единственный вызов этой функции где-нибудь в документе(или в onLoad() у body как вариант).

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

Реализации:

javascript(2), php(1)   +добавить

1) время на php, code #627[автор:-]