⏱ таймеры включения и выключения приборов: действительно ли эффективна такая автоматизация?

Электронная схема молибдена

Создаем реле времени на 12 и 220 вольт

Транзисторные и микросхемные таймеры работают при напряжении 12 вольт. Для использования при нагрузках 220 вольт устанавливают диодные устройства с магнитным пускателем.

Для сборки контроллера с выходом на 220 вольт запасаются:

  • тремя сопротивлениями;
  • четырьмя диодами (током более 1 А и обратным напряжением 400 В);
  • конденсатором с показателем 0,47мФ;
  • тирристором;
  • кнопкой пуска.

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

Коррекция проводится выбором сопротивления R3 и мощностью конденсатора.

Изготовление на диодах

Для монтажа системы на диодах необходимые элементы:

  • 3 резистора;
  • 2 диода, рассчитанные на ток 1 А;
  • тиристор ВТ 151;
  • пусковое устройство.

Выключатель и один контакт диодного моста подключают к питанию на 220 вольт. Второй провод моста подсоединяют к выключателю. Тирристор соединяют с сопротивлениями на 200 и 1 500 Ом и диодом. К конденсатору подключают вторые выводы диода и 200-го резистора. Сопротивление на 4300 Ом включают параллельно конденсатору.

С помощью транзисторов

Для сборки схемы на транзисторах необходимо запастись:

  • конденсатором;
  • 2 транзисторами;
  • тремя резисторами (номинал 100 кОм К1 и 2 модели R2, R3);
  • кнопкой.

После включения кнопки заряжается конденсатор через резисторы r2 и r3 и эммитер транзистора. При этом на сопротивлении падает напряжение, так как транзистор открывается. После открытия второго транзистора срабатывает реле.

По мере зарядки емкости ток падает, а с ним напряжение на сопротивление до того показателя, при котором закрывается транзистор и отпускается реле. Для нового запуска необходима полная разрядка емкости, ее выполняют нажатием кнопки.

Создание на базе микросхем

Чтобы создать систему на основании микросхем потребуются:

  • 3 резистора;
  • диод;
  • микросхема TL431;
  • кнопка;
  • емкости.

Контакт реле подключают параллельно кнопке, к которой подключают «+» источника питания. Второй контакт реле выводят на резистор 100 Ом. Резистор также соединяют с сопротивлениями.

Второй и третий вывод микросхемы соединяют с резистором на 510 Ом и диодом соответственно. Последний контакт реле также подключается к полупроводнику, с исполняющим устройством. «–» источника питания подключают к сопротивлению на 510 Ом.

С использованием таймера ne555

Наиболее простая в исполнении схема с интегральным таймером NE555, поэтому такой вариант используется во многих элекросхемах. Для монтажа контроллера времени потребуются:

  • плата 35х65;
  • файл программы Sprint Layout;
  • резистор;
  • винтовые клеммники;
  • точечный паяльник;
  • транзистор;
  • диод.

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

  • пользователь нажимает кнопку;
  • схема замыкается и появляется напряжение;
  • загорается лампочка и начинается отсчет времени;
  • после истечения установленного периода лампочка гаснет, напряжение становится равным 0.

Пользователь может регулировать интервал работы часового механизма в пределах 0 – 4 минуты, с конденсатором – 10 минут. Транзисторы, используемые в схеме – биполярные устройства малой и средней мощности типа n-p-n.

Задержка зависит от сопротивлений и конденсатора.

Многофункциональные устройства

Многофункциональные контроллеры времени выполняют:

  • отсчет времени в двух вариантах одновременно в течение одного срока;
  • параллельный отсчет временных отрезков постоянно;
  • обратный отсчет;
  • функцию секундомера;
  • 2 варианта автозапуска (первый вариант после нажатия кнопки пуск, второй – после подведения тока и истечения установленного периода).

Для работы устройства в нем устанавливается блок памяти, в котором сохраняются установки и последующие изменения.

Реле времени для включения насоса как неотъемлемый элемент системы автоматики

Реле времени — это специальное электрическое устройство, с помощью которого можно управлять работой насоса и иного электрического оборудования. Прибор способен замыкать/размыкать эл. цепь и формировать временные интервалы на включение/выключение электрических устройств. За счет этого обеспечивается определенная последовательность (алгоритм) работы элементов эл. схемы. Таким образом, реле создает задержку времени и в автоматическом режиме управляет такими технологическими процессами, как: орошение, отопление,водоснабжение, кондиционирование и др.

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

Представляем вашему вниманию профессиональные устройства для автоматизации работы электронасоса российского производителя НПО Электроавтоматика — реле времени. Электромеханические приборы содержат несколько алгоритмов работы с широкими интервалами времени и допусками питающих напряжений, за счет чего демонстрируют высокие качественные характеристики в каждом случае эксплуатации.

Мы выпускаем 2 вида реле:

  • реле времени на отключение РВ-ОО для управления эл. цепями после снятия напряжения питания;
  • реле времени на включение РВ-ОВ для управления эл. цепями после подачи напряжения питания.

Расскажем, почему реле — это отличный выбор для системы водоснабжения. С помощью наших устройств вы сможете управлять одновременно 2-мя независимыми электрическими цепями — 2 переключающими группами контактов. То есть вы сможете подключать 2 разных устройства и подавать на них разное питание. Принцип действия функционального прибора заключается в том, что реле включает насос не сразу после подачи напряжения питания, а спустя определенное время.

Виды реле времени

Реле времени с задержкой на отключение — РВ-ОВ широко применяется для управления насосом или насосной станцией. Устройство позволяет наполнять гидробак в автоматическом режиме, регулируя включение и отключение насоса. Содержит две диаграммы работы и пять диапазонов выдержки времени: 0,1 с; 1 с; 0,1 м; 1 м; 0,1 ч. Так, для каждой диаграммы работы вы можете указать одну из трех временных интервалов и установить временную задержку на срабатывание реле после подачи питания.

Преимущества реле времени НПО Электроавтоматика:

  1. Надежные технические характеристики.
  2. Коммутация больших нагрузок: при активной нагрузке — 5 А переменного тока.
  3. Эффективность. Управление двумя независимыми электрическими цепями — двумя переключающими группами контактов.
  4. Легкий монтаж. Установка на дин-рейку шириной 35 мм.

Второй вид реле времени на отключение — РВ-ОО включается сразу же при подаче напряжения питания, а отключается через определенную временную задержку после выключения питания. Устройство содержит четыре диаграммы работы и три диапазона выдержки времени: 0,1с; 1с; 0,1мин. На практике реле РВ-ОО позволяет организовать эффективную автоматизированную систему управления процессами как на производстве, так и в домашнем хозяйстве.

Если вы искали надежный прибор для автоматизации работы такого оборудования, как: двигатель или насос, а также желаете организовать систему включения и выключения электрических приборов, то вам подойдет реле времени НПО Электроавтоматика. Более 10 лет наши приборы остаются востребованными в системах автоматики. При заказе вы можете указать необходимую диаграмму работы, временной диапазон выдержки, напряжение питания и иные характеристики.

Купить реле времени для включения насоса

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

Мы приглашаем вас к сотрудничеству с нашим производственным предприятием и предлагаем заказывать надежную электротехническую продукцию по привлекательным ценам. В лице НПО Электроавтоматика вы найдете прямого поставщика и сможете заказывать необходимые электротехнические устройства и компоненты с доставкой в любой регион России.

Реле времени своими руками

Разберем наиболее простые способы изготовить замедляющие системы своими руками.

12 Вольт

Нам понадобится печатная плата, паяльник, небольшой набор из конденсатора, исполняющего реле, транзисторы, эмиттеры.

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

При этом релюшка будет замкнута или разомкнута до тех пор, пока на конденсаторе не останется несколько вольт. 

Регулировать длительность разрядки конденсатора можно его емкостью или величиной сопротивления подключенной цепи.

Порядок работ:

  • подготавливается плата;
  • дорожки пролуживаются;
  • распаиваются транзисторы, диоды и реле.

220 вольт

Принципиально такая схема не очень отличается от предыдущей. Ток проходит через диодный мост и заряжает конденсатор. В это время зажигается лампа, которая выполняет роль нагрузки. Затем происходит процесс разрядки и срабатывания таймера. Порядок действий при сборке и набор инструментов такой же, как и при первой варианте.

Схема NE555

По-другому микросхема 555 называется интегральным таймером. Ее использование гарантирует стабильность выдерживания временного промежутка, устройство не реагирует на перепады напряжения в сети.

При выключенной кнопке один из конденсаторов разряжен, и система может находиться в таком состоянии неопределенное время. После нажатия кнопки начинает заряжаться емкость. Через определенное время происходит его разрядка через транзистор схемы.

Разрядный транзистор открывается, и система переходит в первоначальное состояние.

Существует 3 режима работы:

  • моностабильный. При входном сигнале она включается, выходит волна определенной длины и выключается в ожидании нового сигнала;
  • циклический. Через заданные промежутки схема переходит в рабочий режим и отключается;
  • бистабильный. Или выключатель (нажал кнопку работает, отжал – не работает).

Таймер с задержкой включения

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

Период зависит от емкости конденсатора, переменного резистора.

Цикличное устройство

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

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

Другой вариант – полная разрядка или зарядка емкости с помощью микросхемы подает сигнал на управляющий транзистор, который работает в режиме ключа.

Как использовать?

Чтобы выбрать подходящую таймер-розетку, необходимо обратиться к информации, изложенной выше. К особенностям их функционала, управления, нагрузки и многим других параметров. Рассмотрим подробнее критерии выбора.

  1. На какое время будет осуществляться программирование: 24 часа или неделю, а, может, и на месяц.
  2. Насколько точным должно быть срабатывание. Например, механические таймеры розетки подойдут для полива растений, где отклонения в несколько минут будут не столь важны. Главное, чтобы количество поливов всегда в день совпадало.
  3. Ещё один важный критерий – это нагрузка. Многие производители выпускают стандартный вариант 16 А, и этого бывает вполне достаточно практически для всех домашних приборов, но бывают и исключения. Для приборов с большей или меньшей нагрузкой бывают 25А, 40А и 7А, 10А соответственно.
  4. Количество программируемых линий – это количество приборов, которые можно подключить, и по отдельности настроить программу для каждого из приборов. Самые распространенные и недорогие – на одну линию. Иногда встречаются на две и более.
  5. Показатели пыле- и влагозащищенности. Будет ли использоваться агрегат в помещении или на улице. Если аппарат будет использоваться на улице, то степень защиты должна быть не ниже стандарта IP40.
  6. Такой критерий, как стоимость, тоже немаловажен. Но выбирать таймер-розетку по стоимости иногда может быть ошибочной затеей. Правда, чаще всего модели подороже имеют большее количество функций.

Далее можно просмотреть видео о настройке таймера электронного с программированием на неделю.

На микросхемах

Потребуются радиодетали:

  1. микросхема TL 431;
  2. резисторы номиналом 100 Ом, 100 и 510 кОм;
  3. диод марки 1Н4148;
  4. конденсатор емкостью 4700 мкФ, рассчитанный на предельное напряжение в 16 В;
  5. кнопка.

Детали объединяют в схему следующим образом:

  • к «минусу» источника питания присоединяют резистор на 510 кОм;
  • к «плюсу» — кнопку и параллельно ей контакт электромагнитного реле (оно соединяется с исполняющим устройством);
  • контакт реле соединяют с сопротивлением на 100 Ом, тогда как к другому его выводу припаивают сопротивления на 100 и 510 кОм;
  • свободную токопроводящую часть элемента на 100 кОм соединяют с микросхемой;
  • 2-ю ножку ИМС соединяют с резистором на 510 кОм, 3-ю — с диодом;
  • к полупроводнику подсоединяют 2-й контакт реле.

Теперь реле времени готово к эксплуатации.

Реле на базе специальной микросхемы проще в использовании: нет нужды каждый раз разряжать конденсатор и подбирать номинал ключевых элементов.

Возможные проблемы

Рассмотрим возможные неисправности в работе электронной розетки-таймера.

Сбилась программа, заложенная в электронном таймере

Основная причина состоит в том, что таймер-розетки плохо совместимы с приборами, которые выдают индуктивную нагрузку (компрессор в аквариуме, дроссельные люминесцентные лампы, люминесцентные лампы со встроенным стартером). Таймер размыкает реле, а напряжение остается, выдавая искру, которая дает помехи на плату таймера. Так и происходит сбой программы. И подключенный прибор может не выключаться.

Решить такую проблему можно разными способами.

  1. Параллельно к приборам с индуктивной нагрузкой подключить желательно с такой же мощностью приборы с неиндуктивной нагрузкой (лампа накаливания, энергосберегающая люминесцентная лампа и современные бесстартерные лампы).
  2. Этот способ подойдет для продвинутых электронщиков. Создание искрогасящей цепочки, подключают её параллельно индуктивной нагрузке. Состоит эта цепочка из последовательного соединения резистора с сопротивлением 200 Ом мощностью 1-2 Вт, конденсатор емкостью 0,1 мкФ напряжением 400 В.
  3. Самый безопасный и удобный способ – использовать для индуктивных нагрузок механический таймер.
  4. Восстановить работу таймера можно, сбросив настройки и создав программу-режим заново.

Для механических таймеров

Нарушения в работе могут случиться, если подключить прибор свыше 3,5 кВт. Такие конструкции не всегда надежны, тем более что контакты внутри могут быть не очень толстые и при повышенной нагрузке могут с легкостью перегореть. Перед использованием рекомендуется протестировать устройство.

Характеристики дамасской стали

Пошаговая инструкция: как пользоваться таймером?

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

  1. Нажмите «Старт», чтобы проверить тип сигнала и его громкость на обнуленном таймере.
  2. Выберите временной интервал над счетчиком – диапазон от 1 минуты до 1 часа, можно добавлять время в один клик.
  3. Если требуется указать другой промежуток, щелкните кнопку «+» и введите данные вручную – можно добавить описание.
  4. Нажмите «Старт» и таймер онлайн начнет обратный отсчет, после истечения времени сработает звуковой сигнал.
  5. Для остановки отсчета раньше времени и обнуления щелкните «Обнулить».
  6. Если хотите, чтобы таймер работал беззвучно, нажмите на соответствующий значок справа от клавиши «Старт».

Онлайн таймер можно остановить без сброса результата, для этого используется кнопка «Стоп», для возобновления обратного отсчета нажмите «Старт».

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

7 ситуаций, когда поможет таймер обратного отсчета

Мы создавали онлайн таймер для максимально точных расчетов, когда нужно уложиться в определенный временной промежуток и не потерять ни секунды. Таймер на сайте будет полезным, если вы засекаете время:

  • при готовке блюд, чтобы соблюсти рецепт;
  • во время занятий спортом – тренируйтесь ровно столько, сколько нужно;
  • для работы за компьютером – для глаз полезен 1 час работы и 15 мин. отдыха;
  • чтобы не опоздать на важную встречу, свидание, урок, автобус;
  • за развлечениями – узнайте, сможете ли вы за 1 мин. одеться, прочитать 200 слов, собрать из LEGO башню, пройти 10 лестничных пролетов и т.д.;
  • для грамотного тайм-менеджмента и планирования задач во время дня;
  • когда нужно кормить ребенка, принимать лекарства, делать укол.

Таймер онлайн во весь экран гораздо удобней мобильного приложения – страница быстро загружается, а севшая батарея смартфона не станет проблемой.

Описание

Созданию микросхемы NE555, реализованному в 1970 году специалистами компании Signetics (США), предшествовали теоретические разработки Ганса Камензинда, который сумел доказать важность, не имевшего на тот момент времени аналогов, изобретения. Таймер NE555 явился первой и единственной «таймерной» микросхемой, доступной рядовым потребителям, которая позволяла собирать миниатюрные и недорогие устройства за счет плотной компановки элементов в кристалле микросхемы

Основные параметры ИМС серии 555

Микросхема NE 555 состоит из пяти функциональных узлов:

  • делителя напряжения;
  • двух прецизионных компараторов;
  • триггера;
  • транзистора с открытым коллектором на выходе

РИСУНОК 1

Устройство микросхемы NE 555

Параметры работы микросхемы во многом определяются качеством сборки аналогов. Для таймера NE 555 диапазон рабочих температур составляет: 0° — 70° С, а для SE 555 он шире: от -55°С до +125°С.

Существенное влияние на точность работы схемы NE555оказывает вариант исполнения: гражданский или «военный». У последнего выше точность и продолжительнее ресурс работы. Корпус выполнен из керамики или металла.

Питание микросхем

Рекомендуемый интервал питания микросхем 555 и их аналогов лежит в интервале 4,5 V  — 16V. Для микросхемы с индексом SE может достигать 18V.

Потребляемый ток в норме составляет 2-5 мА, при пиковых значениях: 10-15 мА.

Выходной ток у китайских аналогов и отечественной микросхемы КР1006ВИ1 составляет не более 100 мА. У оригинальных импортных микросхем NE/SE 555 он около 200 мА.

Преимущества и недостатки микросхемы

У микросхемы 555 «таймерного» типа существует множество преимуществ. Именно поэтому она популярна столь долгое время.

Внутренний делитель задает верхний и нижний порог срабатывания для двух встроенных компараторов. Это одновременно является достоинством, та как не требуется вводить дополнительные элементы, одновременно это и недостаток: пороговым напряжением микросхемы нельзя управлять.

Кроме этого в процессе эксплуатации выявился и еще один недостаток: при каждом переключении возникает паразитный сквозной ток, достигающий в пиковых значениях силы в 400 мА. За счет этого увеличиваются тепловые потери. Микросхема нагревается.

Как избавиться от недостатков

Решение проблемы давно найдено. Оно заключается в установке между проводом вывода управления и общим проводом полярного конденсатора небольшой емкости (до 0,1 мкФ). Этот конденсатор стабилизирует работу микросхемы при запуске.

Помехоустойчивость работы микросхемы достигается установкой в цепь питания неполярного конденсатора емкостью 1 мкФ. Вариации микросхемы NE 555, собранные на КМОП-транзисторах, не несут в себе указанных недостатков. Для их стабильной работы нет необходимости устанавливать внешние конденсаторы.

Реле времени на полевом транзисторе

Простое реле времени (или простое реле времени для начинающих 2) на биполярном транзисторе не сложно в изготовлении но на таком реле нельзя получить большие задержки. Длительность задержки определяет RC-цепь состоящая (для реле времени да биполярном транзисторе) из конденсатора, резистора в цепи базы и перехода база-эмиттер транзистора. Чем больше ёмкость конденсатора тем больше задержка. Чем больше суммарное сопротивление резистора в цепи базы и перехода база-эмиттер тем больше задержка. Увеличить сопротивление перехода база-эмиттер, для получения большой задержки, нельзя т.к. это неизменный параметр используемого транзистора. Сопротивление резистора в цепи базы нельзя увеличивать до бесконечности т.к. транзистору для открытия требуется ток, как минимум, в h31э меньший чем ток для необходимый для включения реле. Если например для включения реле требуется 100мА, h31э=100 то для открытия транзистора требуется ток базы Iб=1мА. Для открытия полевого транзистора с изолированным затвором большой ток не требуется, в данном случае можно даже пренебречь этим током и считать что ток для открытия такого транзистора не требуется. Полевой транзистор с изолированным затвором управляется напряжением поэтому можно использовать RC цепь с любым сопротивлением и следовательно делать любые задержки. Рассмотрим схему:

Рисунок 1 — Реле времени на полевом транзисторе

Эта схема похожа на схему с биполярным транзистором из предыдущей стати только здесь вместо биполярного транзистора n-MOSFET (n канальный полевой транзистор с изолированным затвором (и индуцированным каналом)) и добавлен резистор (R1) для разряда конденсатора C1. Резистор R3 не обязателен:

Рисунок 2 — Реле времени на полевом транзисторе без R3

Полевые транзисторы с изолированным затвором могут быть испорчены статическим электричеством поэтому с ними нужно обращаться аккуратно: стараться не касаться вывода затвора руками и заряженными предметами, по возможности заземлять вывод затвора и т.д. 

Процесс проверки транзистора и готового устройства показан на видео:

Т.к. на параметры RC цепи пренебрежимо мало влияют параметры транзистора то расчёт длительности задержки осуществить достаточно несложно. В данной схеме на длительность задержки по прежнему влияет длительность удерживания кнопки и чем меньше сопротивление резистора R2 тем слабее это влияние, но не стоит забывать о том что этот резистор нужен для ограничения тока в момент замыкания контактов кнопки, если его сопротивление сделать слишком низким или заменить перемычкой то при нажатии на кнопку может выйти из строя блок питания или сработать его защита от к.з. (если она есть), контакты кнопки могут приплавиться друг к другу, к тому же данный резистор ограничивает ток при установке резистором R1 минимального сопротивления. Резистор R2 также понижает напряжение (UCmax) до которого заряжается конденсатор C1, при нажатой кнопке SB1, что приводит к уменьшению длительности задержки. Если сопротивление резистора R2 низкое то на длительность задержки оно влияет незначительно. На длительность задержки влияет напряжение на затворе относительно истока при котором транзистор закрывается (далее напряжение закрытия). Для расчёта длительности задержки можно воспользоваться программой: 

КАРТА БЛОГА (содержание)

electe.blogspot.com

ПРОИЗВОДИТЕЛИ САЙДИНГА

Шаг 6: Изменение цвета в определенные моменты времени

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

// Оповещение на 10 секунде
const WARNING_THRESHOLD = 10;
// Предупреждение на 5 секунде
const ALERT_THRESHOLD = 5;

const COLOR_CODES = {
  info: {
    color: "green"
  },
  warning: {
    color: "orange",
    threshold: WARNING_THRESHOLD
  },
  alert: {
    color: "red",
    threshold: ALERT_THRESHOLD
  }
};

Теперь создадим метод, который будет отвечать за проверку превышения установленного порога и изменение цвета.

function setRemainingPathColor(timeLeft) {
  const { alert, warning, info } = COLOR_CODES;

  // Если оставшееся время меньше или равно 5, удаляем класс "warning" и применяем класс "alert".
  if (timeLeft <= alert.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(warning.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(alert.color);

  // Если оставшееся время меньше или равно 10, удаляем базовый цвет и применяем класс "warning".
  } else if (timeLeft <= warning.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(info.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(warning.color);
  }
}

Мы удаляем один класс CSS, когда таймер обратного отсчета достигает определенной точки, и добавляем вместо него другой. Объявим эти классы.

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

Все готово. Ниже приводится полная демо-версия:

Данная публикация является переводом статьи «How to Create an Animated Countdown Timer With HTML, CSS and JavaScript» , подготовленная редакцией проекта.

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий