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

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

#Просмотр изображения во всплывающем окне. (82319 hits)
#Преобразование сумм из цифрового представления в строковое. (163645 hits)
#Обновление нескольких записей таблицы. (27787 hits)
#Динамическое формирование выпадающего списка. (45756 hits)
#Динамическое изменение цвета полоски прокрутки в IE5.5 и выше. (26730 hits)
#Использование компилируемых(подготовленных) запросов. (25849 hits)
#Предварительная загрузка изображений. (42705 hits)
#Обертки для массивов. (34307 hits)
#Заполнение 2-го выпадающего списка (select) в соответствии с выбором в первом. (40889 hits)
#"The Java Programming Language" Ken Arnold, James Gosling, David Holmes листинги, код, примеры из книги, исходники. (55049 hits)
#Рисование 3D объекта. (30148 hits)
#Программное создание ссылок. (94802 hits)
#Таймер. (35837 hits)
#Плоттеры для рисования графиков. (25367 hits)
#Утилиты. (106513 hits)
#Доступ ко всем полям и методам. (52141 hits)
#Вычисление эксцесса и коэффициентов асимметрии заданной выборки. (40720 hits)
#"Липкие" окна. (26693 hits)
#Постепенное затемнение. (45260 hits)
#Логирование в GUI. (27102 hits)


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



Часики на js

Aвтор:
Дата:
Просмотров: 84378
реализации(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, code #94[автор:this]
2) Часы-календарь, code #558[автор:sashalihodedChernovtsy]



© 2006-2021 CodeLAB Group
  Все права защищены
Страница сгенерирована за 0.013393 секунд
Количество запросов к БД: 14, gzip: off