Скрипт FlipClock.js Скрипт FlipClock.js



 

Так зачем использовать эту библиотеку, когда есть много других, с тем же именем? Ну, эта библиотека была создана, потому что другие решения были не достаточно красивы и функциональны, чтобы обеспечить глубокий уровень настройки без переписывания кода. Некоторые библиотеки имеют огромный каскад условий, а в каких-то просто слишком много их сценария. Большинство проектов имели очень узкую область настроек. Скрипт был сделан с расширяемыми API, чтобы создать какие-то часы или счетчик (и флип-эффект просто классный). Ниже приведены логические требования, которые были учтены при создании API.

  1. Использовать как часы
  2. Использовать в качестве таймера
  3. Использовать в качестве обратного отсчета
  4. Поддерживает широкий спектр использованием CSS
  5. Аннотация всех используемых объектов
  6. Полнофункциональный API для разработчиков и создания пользовательскогоциферблата

 

Чтобы посмотреть все возможности FlipClock.js скачайте исходники и в папке examples найдете большое количество примеров!

 

ДЕМО
ИСХОДНИКИ

 

Загрузка сценариев

FlipClock.js требует несколько файлов, чтобы работать должным образом. Архив содержит все циферблаы для максимальной мобильности.

HTML

<html>
    <head>
        <link rel="stylesheet" href="/assets/css/flipclock.css">
    </head>
    <body>
        <div class="your-clock"></div>
        
        <script src="/assets/js/libs/jquery.js"></script>
        <script src="/assets/js/flipclock/flipclock.min.js"></script>
    </body>
</html>

JS

FlipClock.js требует jQuery для работы с DOM.

Материал взят из зарубежного источника - flipclockjs.com и представлен исключительно в ознакомительных целях.

Вот и все.


Top

🔖 Выбор по тегам ×

💌 Написать сообщение ×

Все поля обязательны для заполнения!