<MyRusakov.ru />

Написание лайфхаков на Python

Написание лайфхаков на Python

Данный курс научит Вас автоматизировать самые разные задачи на языке Python, благодаря чему Вы сэкономите на рутине тысячи и тысячи часов своей жизни. Курс состоит из 20 примеров в различных областях: файлы и директории, медиа-файлы, Интернет, Web-мастеринг, Unreal Engine. Каждый пример упрощает ту или иную задачу в своей области, при этом каждый из них создаётся прямо на Ваших глазах и тщательно комментируется.

Помимо самих уроков Вы так же получаете и множество упражнений. По сути, Вы создадите свои собственные 20 небольших проектов, благодаря чему у Вас появится и практика, и портфолио.

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Зачем Вы изучаете программирование/создание сайтов?

Как сделать счетчик обратного отсчета на JQuery.

Как сделать счетчик обратного отсчета на JQuery.

Если ваш сайт находится на реконструкции, либо, если вы скоро выпускаете какой-то продукт, то бывает очень удобно вывести счетчик обратного отсчета, чтобы люди могли сразу увидеть, сколько времени осталось до начала. Вместе с JQuery и плагином ClassyCountdown это очень просто сделать, и сегодня мы поговорим, как.

Для начала перейдите на официальный сайт и скачайте плагин, нажав кнопку Download it.

Теперь подключите библиотеку JQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

А дальше все необходимые файлы для плагина и сам плагин

<script src="js/jquery.classycountdown.min.js"></script>
<script src="js/jquery.knob.js"></script>
<script src="js/jquery.throttle.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.classycountdown.min.css" />

Создайте блок там, где вы хотите вывести счетчик.

<div class="countdown"></div>

И запустите плагин

$('.countdown').ClassyCountdown({
  theme: "flat-colors",
  end: $.now() + 10000
});

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

Вы можете передавать следующие параметры в плагин:

  • theme - тема счетчика
  • end - время окончания
  • now - текущее время
  • labels - следуте ли отображать дни/часы/минуты/секунды
  • style - пользовательский стиль для счетчика
  • labelsOptions - объект, который определяет различные языковые фразы для д/ч/м/с, а также конкретные стили css

У плагина также есть метод onEndCallback(), который сработает тогда, когда счетчик закончит отсчет. К примеру, можно отсылать письма подписчикам.

Думаю, каждый найдет применение этому плагину на своем сайте. Спасибо за внимание!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.