Таймер включения и выключения электроприборов: важная и полезная часть «умного дома»

Содержание:

Шаг 3: Обратный отсчет
Краткая история таймера
Инструкция по настройке
Как запустить выключение компа по таймеру через Планировщик заданий
Инструкция пользования онлайн-таймером
Шаг 1. Начните с базовой разметки и стилей
Как настроить электронный розеточный таймер
- Настройка таймера Masterclear согласно инструкции по эксплуатации
Преимущества и недостатки розеток с таймером обратного отсчёта
Создаем реле времени на 12 и 220 вольт
Функции
Шаг 6: Изменение цвета в определенные моменты времени
История таймера
Как работает умная розетка?
Шаг 4: Перекрываем кольцо таймера другим кольцом

Шаг 3: Обратный отсчет

У нас есть значение timeLimit, которое представляет собой начальное время. А также значение timePassed, которое указывает, сколько времени прошло с момента начала отсчета.

Увеличим значение timePassed на секунду и пересчитаем timeLeft с помощью функции setInterval. Для этого реализуем метод startTimer, который будет:

Устанавливать интервал счетчика.
Увеличивать значение timePassed каждую секунду.
Пересчитывать значение timeLeft.
Обновлять значение метки в шаблоне.

Сохраним ссылку на этот объект интервала в переменной timerInterval, чтобы очистить его при необходимости.

let timerInterval = null;

document.getElementById("app").innerHTML = `...`

function startTimer() {
  timerInterval = setInterval(() => {
    
    // Количество времени, которое прошло, увеличивается на  1
    timePassed = timePassed += 1;
    timeLeft = TIME_LIMIT - timePassed;
    
    // Обновляем метку оставшегося времени
    document.getElementById("base-timer-label").innerHTML = formatTime(timeLeft);
  }, 1000);
}

У нас есть метод, который запускает таймер обратного отсчета. С его помощью запустим таймер.

document.getElementById("app").innerHTML = `...`
startTimer();

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

Краткая история таймера

Таймеры и фотореле включения и выключения света

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

Изобретение таймера связано с историей первого секундомера. Английский часовщик Клемент в 1676 году открыл систему якорно-анкерного спуска в часах. На оси этого маятника были приспособлены зубцы, которые, попадая в ходовое колесо, запускали механизм. Создание маятникового регулятора Гюйгенса привнесло в работу над секундомерами и таймерами некоторое усовершенствование. Затем на основе механических часов французский мастер Луи Муане в 1815 году занялся исследованиями хронометража времени и возможности запускать отсчет. Результатом его трудов стал первый механический аналог современного таймера. Усовершенствовал таймер английский часовщик Роберт Гук, введя в конструкцию балансирный механизм.

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

Инструкция по настройке

10 новинок умного дома, о которых вы могли не знать

Как правильно делается настройка механического таймера для розетки инструкция к устройству показывает наглядно. Все сводится к следующим действиям:

установить переключатель режимов в положение постоянной подачи напряжения;
вращением исполнительного диска выставить реальное время – отметку с его значением напротив неподвижной;
для настройки периодов времени подключения-отключения надо нажать или отжать кнопки, соответствующие нужному периоду;
вставить вилку подключаемого прибора в штепсель таймера;
подключиться к сетевой розетке;
перевести кнопку выбора режима в положение «Регулируемое».

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

Подробнее о настройке механической розетки смотрите в следующих видео:

Как запустить выключение компа по таймеру через Планировщик заданий

7 электроприборов, которые заставляют вас платить за электричество гораздо больше

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

Как поставить таймер выключения компьютера Windows 10

В левом секторе нажмите Планировщик заданий (локальный). Затем в правом секторе нажмите на пункт Создать простую задачу и сразу запустится Мастер создания простой задачи.

Как включить таймер на выключение компьютера

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

Установить отключение компа по таймеру

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

Установить выключение компа по таймеру

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

Windows таймер выключения

В четвёртом окне ничего менять не нужно, а просто нажмите кнопку Далее.

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

В пятом окне в строчку Программа или сценарий впишите команду shutdown -s -t x и нажмите кнопку ОК. В этой команде так же вместо x впишите время в секундах через которое должен будет выключиться компьютер. В последнем окне просто нажмите кнопку Готово. После этого увидеть созданный таймер можно будет в среднем секторе если нажать в левом секторе на пункт Библиотека планировщика заданий.
Чтобы отключить таймер выключения компьютера Windows 10, вам нужно будет в средней части выбрать таймер и нажать в правом секторе на пункт Удалить.

Инструкция пользования онлайн-таймером

Чтобы воспользоваться сервисом, необходимо пройти в раздел Таймер-онлайн, нажав соответствующую кнопку. Перед вами возникнет окно установки времени. Необходимо выбрать либо ввести вручную требуемое количество минут (1, 2, 5, 10, 15, 30, 60, 120) и секунд. Далее стоит нажать зеленую кнопку, и обратный таймер времени будет запущен.

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

Также можно добавить дополнительное время – над цифрами таймера есть кнопки от «+1 минута» до «+1 час».

Шаг 1. Начните с базовой разметки и стилей

Мы добавим svg с элементом circle внутри, чтобы нарисовать кольцо таймера. А также добавим интервал, чтобы показать оставшееся значение времени. Для этого мы вставляем JavaScript в HTML и включаем в DOM, указывая элемент #app.

document.getElementById("app").innerHTML = `
<div class="base-timer">
  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <g class="base-timer__circle">
      <circle class="base-timer__path-elapsed" cx="50" cy="50" r="45" />
    </g>
  </svg>
  <span>
    <!-- Remaining time label -->
  </span>
</div>
`;

Далее используем CSS, чтобы:

Установить размер таймера обратного отсчета.
Удалить заливку и обводку из элемента круга.
Установить ширину и цвет кольца.

/* Устанавливаем высоту и ширину контейнера */
.base-timer {
  position: relative;
  height: 300px;
  width: 300px;
}

/* Удаляем стили SVG, которые могли бы скрыть временную метку */
.base-timer__circle {
  fill: none;
  stroke: none;
}

/* Контур SVG, который отображает прогресс времени */
.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

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

Как настроить электронный розеточный таймер

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

Обычно набор кнопок на разных таймерах один и тот же

Их набор обычно одинаков на разных моделях. Вот перечень часто встречаемых элементов управления:

master clear. В инструкциях к таймерам обычно начинает инициализацию прибора. Представляет собой кнопку сброса всех настроек из памяти, в том числе и сброс текущего времени. Кстати, кнопка может называться просто reset или «сброс»;
random или rnd. Установка или сброс режима случайного включения;
clk или clock. Кнопка отвечает за несколько функций. Установка времени вместе с кнопками hour, min, week. Вместе с кнопкой timer переводит форматы времени;
timer. Собственно, установка таймера. Используется вместе с кнопками week, hour, min;
rst/rcl. Отключение и включение программ;
week/hour/minute. Установка времени на неделю, час минуту.

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

Одной из наиболее популярных моделей, представленных на рынке, является цифровой таймер ТЭ-15, который выпускается несколькими производителями. Схема его настройки следующая:

После включения первым делом требуется нажать кнопку сброса и дождаться полного очищения встроенной памяти.
Далее необходимо выставить текущее время и день недели. Первый показатель может иметь вид «24» и «12». Дни недели именуются по первым буквам латинских слов. Выставление нужного параметра осуществляется кнопками «Д+», «Ч+» и «М+».
Таймер имеет 4 режима работы, выбор которых осуществляется нажатием на аналогичную клавишу.
Для начала программирования требуется нажать кнопку «Р» и последовательно задать дни недели и время включения. Завершением цикла программы будет повторное нажатие клавиши «Р».
Следующим шагом выставляются дни недели и время выключения, подтверждение действия завершается нажатием на кнопку «Ч+».

При установке подобного прибора внутрь щитка потребуется помощь электрика

Пользователь имеет возможность внести корректировки в настройки при допущенной ошибке или при простой необходимости внесения изменений

Очень важно правильно осуществлять монтаж таймера, поскольку эта модель устанавливается непосредственно на силовой кабель

Модель ТЭ-15 – одна из популярных среди вариантов для монтажа на дин-рейку
Masterclear – удобная и простая модель для установки в розетку

Настройка таймера Masterclear согласно инструкции по эксплуатации

Не менее популярной моделью, которая встречается на рынке, является таймер-розетка Masterclear. Она имеет более понятный алгоритм настройки, но следует быть готовым, что все надписи выполнены на английском:

Перед началом работы прибор необходимо зарядить, поскольку он имеет встроенный аккумулятор для сохранения настроек. Также требуется сбросить все предыдущие настройки нажатием на красную утопленную кнопку под дисплеем.
Установка времени осуществляется путём удержания клавиши Clock и последовательным нажатием Hour (часы) и Minute (минуты). Для смены формата отображения времени используется кнопка Timer.
Аналогично выставляются дни недели: удержание кнопки Clock и выбор нужного периода при помощи клавиши Week.
Для программирования цикла включения и выключения требуется нажать кнопку Timer до появления на экране надписи ON. Далее выставляется необходимое время и дни недели.
Настройка отключения производится аналогично, но при нажатии Timer на экране должна светиться надпись OFF.
Выход из меню программирования осуществляется кнопкой Clock.

Установка таймера – это способ экономии потребления электричества для любого прибора.

Ещё раз увидеть тонкости настройки можно из представленного видео.

Преимущества и недостатки розеток с таймером обратного отсчёта

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

К числу положительных моментов можно отнести следующие (которые больше подходят для электронных систем учёта времени):

точность регулировки временного интервала до минуты;
недельные устройства дают возможность выставления заданной программы для определённого дня недели;
наличие возможности автоматического или ручного включения;
электрические модели являются энергонезависимыми благодаря встроенной батарее;
наличие автономной программы более чем на 2 года работы.

ФОТО: noteboox.de Многих пользователей отпугивает кажущаяся сложность настройки прибора

Недостатками розеток со встроенными таймерами считаются:

невозможность выставить значения времени на срок более суток (для механических устройств);
зависимость от источника питания (также для механики);
сложность точной настройки у электрических моделей.

ФОТО: electrikexpert.ru Главным недостатком «механики» является зависимость от питания

Создаем реле времени на 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 варианта автозапуска (первый вариант после нажатия кнопки пуск, второй – после подведения тока и истечения установленного периода).

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

Функции

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

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

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

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

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

Шаг 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»

История таймера

Удивительно, но первый таймер появился в Древнем Китае более 2,5 тыс. лет назад. Он представлял собой палочку из смолы и опилок, которую поджигали с одного конца, на другом конце был грузик – при перегорании нити крепления он падал со звоном. Тогда же Платон в Греции изобрел аналог для приглашения учеников на уроки, схожими разработками занимался и Леонардо да Винчи.

Первый механический таймер появился в середине 1800-х годов, это был традиционный, и используемый сегодня будильник, стрелки которого переводятся на нужное время. Уже к концу XX века возник электронный таймер – наиболее точное устройство, применяемое сейчас в смартфонах.

Как работает умная розетка?

В состав любой «smart» розетки входит:

Реле, коммутирующее нагрузку к сети 220В.
Контроллер, который управляет этим реле.
Модуль беспроводной связи, который позволяет управлять гаджетом удаленно.

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

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

Устройством в зависимости от модели и степени навороченности предусмотрен ограниченный набор функций. Обычно это «включение/отключение», которое выполняется для подключенного в гаджет устройства.

Функции, которые можно найти в устройствах различных производителей:

Дистанционное управление нагрузкой (мобильным устройством через приложение производителя).
Контроль подключенного потребителя, отправка уведомлений о таких параметрах как напряжение, температура.
Аварийное отключение при КЗ (коротком замыкании), перепадах напряжения, перегреве.
Работа по таймерам, в соответствии с предварительно настроенными значениям времени, включение/отключение каждый день, час, минуту, цикличная подача питания (5 мин вкл / 5 мин выкл), перезагрузка оборудования путем прерывания питания, а так же работа прибора определенный промежуток времени затем его отключение.
Участие в сценариях в составе системы, либо работа согласно предварительно настроенных алгоритмов (сценариям). При наличии/отсутствии движения, при нахождении дома/вне дома, при протечках и так далее.

Производимые устройства, представленные на рынке, условно подразделяют по:

методу работы и взаимодействия с ними.
по типу установки.

«Smart» розетки бывают двух видов:

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

После настройки розетка готова к применению. Передняя часть имеет своё гнездо в которое врубается вилка электроприбора. Можно сказать, что приборы внешнего размещения — это съемные «адаптеры» между обыкновенной розеткой и подключаемым устройством.

Встраиваемые. Розетки этого исполнения устанавливают в штатные гнезда вместо обычных розеток. Установка выполняется путем подключения в уже имеющуюся штатную проводку (фаза, ноль и заземление).

Управление розетками возможно через

Радиоканал (работают на частоте 433 Мгц).
Мобильные 2G/3G сети (по средствам отправки SMS сообщений и звонков).
Интернет (мобильный или Wi-fi роутер) и локальные сети.

Шаг 4: Перекрываем кольцо таймера другим кольцом

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

Сначала добавим элемент path в SVG.

document.getElementById("app").innerHTML = `
<div class="base-timer">
  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <g class="base-timer__circle">
      <circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle>
      <path
        id="base-timer-path-remaining"
        stroke-dasharray="283"
        class="base-timer__path-remaining ${remainingPathColor}"
        d="
          M 50, 50
          m -45, 0
          a 45,45 0 1,0 90,0
          a 45,45 0 1,0 -90,0
        "
      ></path>
    </g>
  </svg>
  <span id="base-timer-label" class="base-timer__label">
    ${formatTime(timeLeft)}
  </span>
</div>
`;

После этого добавим несколько стилей, чтобы круговая траектория выглядела как оригинальное серое кольцо

Важно, чтобы свойство stroke-width принимало значение, равное размеру исходного кольца. А также чтобы длительность transition была установлена на 1 секунду

.base-timer__path-remaining {
  /* Такая же ширина, что и у исходного кольца */
  stroke-width: 7px;

  /* Замыкаем концы линии, чтобы создать круг */
  stroke-linecap: round;

  /* Делаем так, чтобы анимация начиналась вверху */
  transform: rotate(90deg);
  transform-origin: center;

  /* Одна секунда подгоняется под таймер обратного отсчета */
  transition: 1s linear all;

  /* Задаем смену цвета кольца, когда обновляется значение цвета */
  stroke: currentColor;
}

.base-timer__svg {
  /* Переворачиваем кольцо и задаем движение анимации слева направо */
  transform: scaleX(-1);
}

Но кольцо таймера пока не анимируется.

Для анимации линии оставшегося времени мы будем использовать свойство stroke-dasharray.