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

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

#Заполнение 2-го выпадающего списка (select) в соответствии с выбором в первом. (47535 hits)
#Перестановка фрагментов строки(или одномерного массива). (62240 hits)
#Динамическая очистка выпадающего списка (select) на javascript. (93229 hits)
#Бинарный поиск в массиве и его разновидности. (175984 hits)
#Сортировка Шелла, оптимальный выбор приращений. (198524 hits)
#Код. (183361 hits)
#Циклический сдвиг массива или строки - 3 уникальных алгоритма. (398555 hits)
#Преобразование сумм из цифрового представления в строковое. (179526 hits)
#сортировка пузырьком. (155333 hits)
#Случайный выбор нескольких несовпадающих значений из множества. (60637 hits)
#Постраничный вывод. (74365 hits)
#Выборка всех записей таблицы. (34658 hits)
#Счетчик времени с точностью до микросекунд. (131721 hits)
#Заливка замкнутой области. (63980 hits)
#Предварительная загрузка изображений. (48480 hits)
#Двусторонняя карта. (35183 hits)
#Добавление истории операций(undo&redo) в компонент. (41301 hits)
#Интерактивная, динамическая подгрузка картинок. (71196 hits)
#Вычисление двойного интеграла с использованием MPI. (61561 hits)
#Числа Армстронга. (47597 hits)


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

Часики на js

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