Так зачем использовать эту библиотеку, когда есть много других, с тем же именем? Ну, эта библиотека была создана, потому что другие решения были не достаточно красивы и функциональны, чтобы обеспечить глубокий уровень настройки без переписывания кода. Некоторые библиотеки имеют огромный каскад условий, а в каких-то просто слишком много их сценария. Большинство проектов имели очень узкую область настроек. Скрипт был сделан с расширяемыми API, чтобы создать какие-то часы или счетчик (и флип-эффект просто классный). Ниже приведены логические требования, которые были учтены при создании API.
- Использовать как часы
- Использовать в качестве таймера
- Использовать в качестве обратного отсчета
- Поддерживает широкий спектр использованием CSS
- Аннотация всех используемых объектов
- Полнофункциональный 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.
Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.