Kredov long

Секундомеры, таймеры и часы на JQuery

Тема в разделе "JavaScript", создана пользователем marsrip, 29 мар 2013.

  1. marsrip

    marsrip

    Регистрация:
    13 мар 2013
    Сообщения:
    116
    Симпатии:
    55
    [​IMG]




    Этот скрипт можно универсальным набором таймеров, секундомеров и часов. При чем как текстовых так и с использованием картинок вместо цифер.

    Для установки вам необходимо:
    1. jQuery 1.4.2+
    2. Установить jquery.epiclock.min.js библиотеку.
    3. Установить jquery.epiclock.css таблицу.
    4. Создать html элемент с часами (<div id="clock"></div>)
    5. Запустить скрипт

    Простой запуск скрипта:
    $('#clock').epiclock();

    Варианты работы скрипта:
    mode.clock – Текущее время, основанное на времени пользователя
    mode.explicit - Время на взятое с параметров сервера. Демо всегда начинается с: 1 марта 2010. Для корректной даты нужно интерпретировать дату в html часов.
    mode.countdown – отчет одного дня, начиная с загрузки страницы
    mode.countup – отсчет до одного дня, начиная с начала загрузки страницы
    mode.rollover – обратный отсчет 10-ти секунд , рядом выводится количество пройденных циклов
    mode.expire - обратный отсчет 10-ти секунд и остановка по завершению
    mode.loop – 5-ти секундный таймер который уже завершился 133 раза.
    mode.stopwatch - Отслеживает время загрузки страницы
    mode.holdup – остлеживает количество пройденного времени после загрузки страницы и по прошествию 10-ти секунд.
    mode.timer - 60-секундный таймер, который можно остановить

    Для примера использования таймера возьмем такой код:
    $('#countup').epiclock({mode: $.epiclock.modes.countup, offset: {days: 1}});
    Он выполняет отсчет до одного дня, начиная с начала загрузки страницы

    Скачать пример

     
  2. broker

    broker

    Регистрация:
    27 мар 2013
    Сообщения:
    56
    Симпатии:
    13
    Демки нету?
     
  3. marsrip

    marsrip

    Регистрация:
    13 мар 2013
    Сообщения:
    116
    Симпатии:
    55
    Ссылка скачать для кого ?