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

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

#Обработка шаблонных писем. (33440 hits)
#Подключение. (21973 hits)
#Преобразование целых чисел в битовый массив. (32874 hits)
#Сглаживание кривой В-сплайном. (33992 hits)
#"Липкие" окна. (27251 hits)
#Рисование полусферы. (23853 hits)
#Динамическое формирование выпадающего списка. (46397 hits)
#Код. (170304 hits)
#Сравнение алгоритмов сортировки массива. (168626 hits)
#Переключатель в кириллицу. (29055 hits)
#qForms, библиотека типичного функционала валидации/построения/связки html-форм. (133187 hits)
#Постраничный вывод. (65665 hits)
#Валидация, динамическая проверка заполнения html форм. (202212 hits)
#Обновление нескольких записей таблицы. (28433 hits)
#Масштабирование, пропорциональное изменение размеров картинки. (91699 hits)
#Передача данных из основного во всплывающее-popup окно через POST. (111223 hits)
#Косинус. (35122 hits)
#Вычисление медианы заданной выборки. (45015 hits)
#Работа с камерой. (31279 hits)
#Сортировка вставкой. (104174 hits)


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



Часики на js

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

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

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

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

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

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

Реализации: javascript(2), php(1)   +добавить реализацию

1) Текстовые, простые часики работающие в IE, Opera, NN, Mozilla, FF на javascript, code #94[автор:this]
2) Часы-календарь на javascript, code #558[автор:sashalihodedChernovtsy]