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

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

#Предварительная загрузка изображений. (50422 hits)
#Отслеживание изменений файла. (41193 hits)
#Создание простейшей таблицы. (39627 hits)
#Летающие, крутящиеся шарики. (47822 hits)
#Интерактивная, динамическая подгрузка картинок. (72880 hits)
#qForms, библиотека типичного функционала валидации/построения/связки html-форм. (153474 hits)
#Обертки для массивов. (41807 hits)
#Валидация, динамическая проверка заполнения html форм. (214298 hits)
#Сортировка Шелла, обший принцип. (151586 hits)
#Простая быстрая сортировка. (117837 hits)
#Рисование множества Мандельброта. (47700 hits)
#Сортировка вставкой. (117783 hits)
#Переворот символов строки (или элементов одномерного массива). (117748 hits)
#Найти максимальную сумму в последовательности. (148909 hits)
#Найти общие элементы в списках. (2341 hits)
#Рисование полусферы. (31860 hits)
#Как посчитать одинаковые пары за 1 проход (самая быстрая версия!). (5415 hits)
#Счетчик времени с точностью до микросекунд. (136680 hits)
#Косинус. (42760 hits)
#Переключатель в кириллицу. (35601 hits)


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

Часики на js

Aвтор:
Дата:
Просмотров: 101435
реализации(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[автор:-]