Как сделать таймер на два часа
Добавил пользователь Alex Обновлено: 05.10.2024
Данное решение предложил в комментариях Игорь.
Добавляем такие стили в CSS:
В скрипте меняем функцию инициализации таймера function initializeClock(id, endtime) <. >, остальное оставляем так же, как было:
Таймер обратного отсчета времени с рестартом
Таймер установлен на 5 секунд и при окончании времени будет перезапущен еще на 5 секунд
Обратите внимание, что при обнулении таймера нам нужно задать новый дедлайн, и он может быть совсем другим, чем первоначальный, который указан на предпоследней строке кода:
Рабочий пример таймера обратного отсчета времени с рестартом
Рекомендую к прочтению:
Комментарии (140) к “Простой таймер обратного отсчета на Javascript”
Артём
Я закопипастил код. В моем случае надо отсчитывать от 35 до 0 секунд. Таймер считает от 35 до 19 сек, а потом начинает считать в обратном порядке, от 19 до 60
Denis Creative
Никита
А как задать текущее время? Чтоб отсчет таймера шел от реально времени
Denis Creative
Это таймер обратного отсчета. Что вы имеете в виду под “Чтоб отсчет таймера шел от реально времени”?
Никита
Чтобы отсчет шел от времени которое на данный момент и до конечной даты
Denis Creative
По такому примеру таймер будет отсчитывать время до 20 мая
Александр
Подскажите как скрыть таймер когда время вышло?
Игорь
Denis Creative
Игорь
Это вам спасибо уже 3 заказ на фрилансе на основе этого кода )))
Николай
Подскажите, как сделать, чтобы при перезагрузке страницы время таймера не сбрасывалось?
Denis Creative
Таймер должен быть задан в таком случае на конкретную дату:
var deadline="January 01 2019 00:00:00 GMT+0300";
а не на текущее время + время таймера:
var deadline = new Date(Date.parse(new Date()) + 35 * 1000);
Денис
Здравствуйте, отличный таймер, то что надо, подскажите как зациклить таймер, что бы он досчитал до конца и начал заново считать .
Denis Creative
Приведите пример, что нужно. Потому как в статье описаны 2 варианта, которые требуются в 99% использования таймеров.
Денис
Зациклить таймер можно ?
Денис
Так я же написал, что бы по окончанию счета он начал заново считать, а в примерах он заканчивает считать и показывается блок time the up
Denis Creative
заменить на этот:
Рабочий пример добавил в статью
Денис
Здравствуйте, а если такая задача: считать до определённого времени от текущая дата + N дней?
Denis Creative
От текущей даты до + N дней такой код используется:
15 – дни
24 – часы
60 – минуты
Александр
Denis Creative, здравствуйте!
Спасибо Вам за эту статью, она почти мне помогла.
Хотелось бы узнать, если ли возможность чтобы счетчик сбрасывался на сайте каждые два дня Допустим я его выгружаю в 0:00 и он стартует на два дня и потом снова сбрасывается на два дня.
Как я понял ваш вариант он запускается автоматически при загрузке старицы и другой каждый раз надо менять дату в коде.
Denis Creative
Нужно взять код таймера обратного отсчета времени с рестартом и поменять
1. Конечную дату
2. Обновление конечной даты после истечения срока действия таймера
Виталий
Денис. А можете еще подсказать как сделать чтобы таймет продолжал считать в обратном направлении и при этом класс добавлялся к цифрам?
То-есть задача сделать что-то з 10 минут, таймер для тернировки. Если в 10 минут не укоадываются то красным идет обратный отсчет на сколько превысили время?
Denis Creative
Мне кажется, этот таймер не совсем подходит под Вашу задачу.
Здравствуйте, подскажите пожалуйста как сделать чтобы отсчёт шел допустим 2012 года 1 января допустим и до бесконечности? посмотрел в data-countdown на гите , там у них есть пример, но как реализовать так и не понял..
Спасибо.
Denis Creative
Не понял вопрос, как это до бесконечности?
Таймер обратного отсчета предполагает, что есть конечная дата, и ведет отсчет до нее.
Подсчет времени от какой-то даты до текущего момента, это простой таймер. Вам нужен просто таймер? Для этого нужен другой код.
Подскажите, а как в скрипте указать отображение русского языка. У меня ����������� отображается когда меняю на русский текст
Denis Creative
Стоит в шапке, все как надо. Причем вокруг текст на странице русский, нормально отображается, а вот именно текст скрипта ������������ ��������
Denis Creative
Чет не пойму, какой текст скрипта? Если скрипт только цифры выводит…
Dvtcnj Countdown Clock русская фраза, и вместо Hours и пр. Руский шрифт коверкается.
Denis Creative
Эти фразы не в скрипте, а в HTML используются.
Проверьте кодировку файла, чтобы там было UTF-8 без BOM.
санек
как сделать чтобы он не запускался сам?
Denis Creative
а как он должен запускаться?
санек
Denis Creative
это вам нужен обычный таймер, наверное
Владимир
Добрый день. А как сделать чтобы счетчик времени начинался с 02 часов 35 мин 25 сек?
Владимир
точнее таймер с обратным отчетов начинался 02:35:24
Denis Creative
2*60*60 + 35*60 + 24 = 9324 секунды
Нурбек
у меня ничего не выводит –
Может устарела библиотека?
Denis Creative
Тут нечему устаревать – проверьте свой HTML
Павел
Чтобы не возникала ошибка
Необходимо поместить в конец страницы, перед закрывающим тэгом
Эта ошибка чаще всего происходит, когда вы обращаетесь к свойствам объекта раньше, чем объект готов: Скорее всего, объект ещё не загрузился, а скрипт его требует прямо сейчас. Строка:
Анастасия
А как сделать что бы таймер который по окончанию времени начинает отсчет заново (последний вариант) не скидывал время при обновлении страницы?
Т.е. мне надо чтоб он отсчитывал допусти 24 часа с 00:00:00 и в полночь отсчет опять обнулялся бы. А то сейчас получается что если ставить 12 часов отсчета при обновлении страницы опять 12 часов, а не 11:58
Denis Creative
Анастасия
Спасибо. Сначала почему то не получилось, но теперь все работает!
Denis Creative
Только там пример для 2-ух дней, вам нужно изменить 2 на 1, чтобы было для одного дня.
Максим
Здравствуйте! Стоит такая задача. Таймер обратного отсчета, но что бы он отсчитывал до 15 числа каждого месяца до 19.00. Потом перезапускался и снова отсчитывал до 15 числа 19.00 следующего месяца. И так постоянно. Просто если поставить 30 дней а в месяце будет 31 то получиться что таймер не правильно будет считать
Denis Creative
Напишите функцию, которая будет по текущему месяцу высчитывать правильное количество дней и время до окончания.
Андрей
Здравствуйте! А как сделать так, что бы текущему времени добавить еще несколько секунд? Когда добавляю по кнопке запуск функции initializeClock(‘clockdiv’, deadline); – то считает уже два времени одновременно. Как остановить(убрать) первый отсчет времени? или обновить его
Denis Creative
Создайте пример на Codepen – будет понятнее, что вы имеете в виду.
Петро
Когда цепляете запуск функции к кнопке, то убирайте запуск функции в конце самого кода таймера
Михайл
Спасибо! То что нужно ) Искал, но попадалось всякое. Мне нужна была фишка с указыванием GMT+0300 а то для разных стран показывалось разные значения )
Денис, здравствуйте. Смотрите, у меня два счётчика на сайте, что мне сделать, чтобы второй счётчик не слетел? Пожалуйста помогите
Denis Creative
Задать им разные id .
При этом весь скрипт копировать не нужно, просто инициализировать второй таймер отдельно initializeClock('countdown-2', deadline);
Спасибо вам большое, Денис. Пост 17 года, а вы до сих пор помогаете другим. А таймер вообще очень хороший :)
Denis Creative
Рад, что информация на сайте полезна для кого-то)
Павел
Здравствуйте! Подскажите пожалуйста, нужен циклический таймер, на 15 дней, но чтобы при перезагрузке страницы время таймера не сбрасывалось. Возможно такое реализовать?
Denis Creative
Можно, если использовать куки.
Василий
Алексей
Было бы круто если дописать вывод слов (дни, часы, минуты, секунды) на js и проверять текущее значение времени и выводить корректное слово например 43 минуты или 25 минут. Думаю посыл понятен.
Denis Creative
Тогда это уже не будет “Простой таймер обратного отсчета на Javascript”.
Соломон
Здравствуйте ! Спасибо за таймер. Подскажите , пожалуйста, как изменить код , чтоб число дней могло быть трёхзначным .
Спасибо.
Denis Creative
А в чем проблема?
Выводится трехзначное число
Соломон
Denis Creative
Добрый день, подчистив немного Ваш код и заменив переменную deadline :
var deadline="January 01 2022 00:00:00 GMT+0300";
получаем вполне рабочий вариант с трехзначным форматом для дней.
В Codepen во вкладке HTML нужно добавлять только код HTML внутри тега , во вкладке CSS нужно следить за правильным открытием и закрытием скобок, а во вкладке JS не должно быть ничего лишнего кроме кода Javascript.
Соломон
Уважаемый Денис! Огромное спасибо! Желаю Вам здоровья и успехов!
Denis Creative
Олександр
Здравствуйте а как сделать так чтобы скрипт отсчитывал от введенной даты 7 дней и писал осталось
например ведена дата 2019-10-1 , отсчитывал этой даты 7 дней и выводил оставшихся дней, часов,… до читал до ноля после останавливался
Denis Creative
Просто немного изменить скрипт, или заказать нужный скрипт на фрилансе.
Олександр
вопрос как изменить)))
Олександр
или боле точнее вы может его так изменить? сам наверное не допру((((
Denis Creative
Извиняюсь, нет времени разбираться, может кто-то здесь ответит, но лучше обратиться на фриланс.
Олександр
понятно печально, спасибо за помощь врядли тут кто-та поможет, а можно взять ваш код и обратиться за помощью на другие ресурсы??
Denis Creative
Да, конечно, успехов!
Алиса
А как остановить таймер, когда время закончится (будет значение во фронте 0:0:0:0, чтобы в минус не уходило)?
Сергей
Сергей
Спасибо! Отлично! Встроил его в компонент в битриксе. Крутое и простое в реализации решение!
Розалия
Denis Creative
Нужно поменять функцию updateClock()
Розалия
Спасибо большое! Всё работает правильно.
Александр
Денис, здравствуйте а как сделать так же только 2 дня.
А то тот что выше не работает(
Denis Creative
Всё работало, сделайте на codepen пример, будет видно, что не работает и почему.
viktor
всё отлично работает.Скрипт вставил себе на сайт, и просто повставлял себе в код ID и class, и все отлично заработало. Спасибо.
Dennis
Denis Creative
Проверьте все классы и их правильное использование в javascript-коде. Данный таймер работает во всех браузерах.
Dennis
Вопрос решил! Была проблема с форматом даты, вместо “March 15 2020 00:00:00 GMT+0300” я указал ‘Sun, 15 Mar 2020 00:00:00 GMT’ и таймер заработал
Denis Creative
Виктор
Интересный модуль, но есть вопрос. Можно как то на сайте добавить 2 раза тот же модуль 1 с тайм енд с текстом об етом и 2 с тайм рестарт? У меня конфликт получается.
Denis Creative
добавить разные ID для блоков таймеров и соответственно, и будет 2 функции
и будут две инициализации
В HTML будет 2 таймера
Остальной код по идее можно оставить. Главная идея в разных ID.
Виктор
проверяю по разному но нет отображения времени,что то видимо не так.
Denis Creative
Проверьте классы, id, и код в скрипте.
Vadim
Добрый день, все круто, спасибо.
Но есть один момент. Стоит задача сделать таймер на два времени.
12:00 и 20:00 то есть как только время достигает 12:00 таймер должен начинать считать до 20:00 и такое период каждый день.
За ранее спасибо.
Denis Creative
Обратитесь на фриланс, я делал разные варианты только для часто используемых таймеров.
Bublik
Спасибо за таймер, благодаря тебе выполнил около десятка версток с знанием лишь html/css))
Denis Creative
Успехов! Но jquery тоже желательно подучить, там ничего сложного нету.
Ксения
Спасибо, все понятно и просто
ПОМОГИ
ПОЧЕМУ У МЕНЯ НЕ РАБОТАЕТ ТАЙМЕР ЧТО НАДА ДЕЛАТЬ ПЛИЗ ПОМОГИ
Denis Creative
В статье все подробно расписано. Нужно HTML код вставить в свой HTML файл, а CSS в свой файл стилей, javascript нужно закинуть в свой файл скриптов и не забыть подключить jquery. Все просто.
Александр
Не работает все равно
Сергей
При попытке отписаться от комментариев в этой ветке у тебя на сайте возникает ошибка.
Denis Creative
Елена
Здравствуйте!
Спасибо за Ваш таймер, получилось его настроить под свои нужды, но беда в том, что мне нужно его сбрасывать, если пользователь логинится на сайте.
То есть, я при инициализации автоизации вызываю функцию cancelTimer
в надежде, что отработает if в функции initializeClock и таймер очистится.
Но почему-то clearInterval(timeInterval); не отрабатывает.
Я думала, что это из-за области видимости, но у меня никак не получается с этим разобраться, даже если вынести let timeInterval из функции в глобальную область видимости.
Вот мой код инициализации таймера:
Буду очень благодарна за любую подсказку
скажите почему нечего не работает все подключил и ввел. А таймер не запускается.
Denis Creative
Залейте страницу со всем кодом таймера на какой-нибудь тестовый сервер, чтобы можно было ответить.
У всех работает, значит нужно искать у вас ошибку.
Обратный отсчет – это последовательный обратный отсчет времени до момента наступления определенного события. Он позволяет узнать, сколько времени осталось до заданного события, такого как ваш день рождения или Новый год.
Что такое таймер обратного отсчета?
Таймер обратного отсчета – это простой в использовании онлайн инструмент. Он позволяет создавать часы обратного отсчета, которые показывают, сколько времени в днях, часах, минутах и секундах остается до выбранного времени на данный момент.
Как пользоваться таймером обратного отсчета?
Как добавить таймер обратного отсчета на сайт?
В статье рассказывается, как создать таймер на сайт, используя только HTML, CSS и JavaScript. Вот что мы хотим получить:
Основные функции таймера:
- Отображение оставшегося времени.
- Преобразование времени в формат MM:SS.
- Изменение цвета, когда оставшееся время приближается к нулю.
- Отображение оставшегося времени в виде анимированного кольца.
Шаг 1. Начните с базовой разметки и стилей
Далее используем CSS, чтобы:
- Установить размер таймера обратного отсчета.
- Удалить заливку и обводку из элемента круга.
- Установить ширину и цвет кольца.
В результате мы получили шаблон, который выглядит следующим образом.
Шаг 2. Настройка временной метки
HTML-код содержит пустой элемент для отображения оставшегося время. Мы добавим сюда соответствующее значение в формате MM:SS с помощью метода formatTimeLeft.
После этого мы используем только что созданный метод в шаблоне.
Чтобы вывести значение внутри кольца, нужно обновить стили.
Теперь заставим таймер отсчитывать от 20 до 0.
Шаг 3: Обратный отсчет
У нас есть значение timeLimit, которое представляет собой начальное время. А также значение timePassed, которое указывает, сколько времени прошло с момента начала отсчета.
Увеличим значение timePassed на секунду и пересчитаем timeLeft с помощью функции setInterval . Для этого реализуем метод startTimer, который будет:
- Устанавливать интервал счетчика.
- Увеличивать значение timePassed каждую секунду.
- Пересчитывать значение timeLeft.
- Обновлять значение метки в шаблоне.
Сохраним ссылку на этот объект интервала в переменной timerInterval, чтобы очистить его при необходимости.
У нас есть метод, который запускает таймер обратного отсчета. С его помощью запустим таймер.
Теперь таймер отсчитывает время. Реализуем изменение цвета временной метки при различных значениях.
Шаг 4: Перекрываем кольцо таймера другим кольцом
Чтобы визуализировать отсчет времени, добавим к кольцу второй слой, который будет обрабатывать анимацию. Для этого расположим новое зеленое кольцо поверх оригинального, чтобы получился своего рода индикатор выполнения.
Сначала добавим элемент path в SVG.
После этого добавим несколько стилей, чтобы круговая траектория выглядела как оригинальное серое кольцо. Важно, чтобы свойство stroke-width принимало значение, равное размеру исходного кольца. А также чтобы длительность transition была установлена на 1 секунду.
Но кольцо таймера пока не анимируется.
Для анимации линии оставшегося времени мы будем использовать свойство stroke-dasharray.
Шаг 5. Анимация кольца прогресса
Посмотрим, как будет выглядеть кольцо с различными значениями stroke-dasharray.
Свойство stroke-dasharray делит оставшееся кольцо времени на отрезки равной длины. Это происходит, когда мы задаем stroke-dasharray число от 0 до 9.
Посмотрим, как это свойство будет себя вести, если передать ему два значения: 10 и 30.
stroke-dasharray: 10 30
Это устанавливает длину первой секции (оставшегося времени) на 10, а второй секции (прошедшего времени) – на 30. Мы можем использовать это в нашем таймере обратного отсчета.
Нужно, чтобы кольцо покрыло всю окружность. То есть, оставшееся время равно длине окружности кольца.
Вычислить длину дуги можно по следующей формуле:
Это значение используется при первоначальном наложении кольца.
stroke-dasharray: 283 283
Первое значение в массиве – это оставшееся время, а второе – прошедшее. Теперь нам нужно манипулировать первым значением. Вот что произойдет, когда изменяется первое значение.
Создадим метод для подсчета оставшейся доли начального времени. Еще один – для вычисления значения stroke-dasharray и обновление элемента
, представляющего оставшееся время.
Также необходимо обновлять контур каждую секунду. Для этого вызовем метод setCircleDasharray внутри timerInterval.
Но анимация отстает на 1 секунду. Когда мы достигаем 0, все еще виден кусочек кольца.
Эту проблему можно решить, постепенно уменьшая длину кольца во время обратного отсчета в методе calculateTimeFraction.
Шаг 6: Изменение цвета в определенные моменты времени
Сначала добавим два порога, которые будут указывать, когда нужно добавить цвета для каждого из состояний. Начинаем с зеленого, затем переходим к оранжевому (в качестве предупреждения), а затем к красному, когда время почти истекло.
Теперь создадим метод, который будет отвечать за проверку превышения установленного порога и изменение цвета.
Мы удаляем один класс CSS, когда таймер обратного отсчета достигает определенной точки, и добавляем вместо него другой. Объявим эти классы.
Все готово. Ниже приводится полная демо-версия:
Дайте знать, что вы думаете по данной теме материала в комментариях. За комментарии, дизлайки, отклики, лайки, подписки огромное вам спасибо!
Пожалуйста, оставляйте ваши комментарии по текущей теме материала. Мы очень благодарим вас за ваши комментарии, лайки, отклики, дизлайки, подписки!
Основной составляющей технического оснащения современного дома может стать сделанное реле времени своими руками. Суть такого контроллера состоит в размыкании и замыкании электрической цепи по заданным параметрам с целью контроля наличия напряжения, например, в осветительной сети.
Предназначение и конструктивные особенности
Самое совершенное такое устройство — это таймер, состоящий с электронных элементов. Его момент срабатывания управляется электронной схемой по заданным параметрам, а само время отпускания реле исчисляется в секундах, минутах, часах или сутках.
По общему классификатору таймеры выключения или включения электрической схемы подразделяются на следующие виды:
- Устройство механического исполнения.
- Таймер с электронным выключателем нагрузки, например, построенный на тиристоре.
- Прибор принцип работы, которого построен на пневматическом приводе выключения и включения.
Конструктивно таймер срабатывания может изготавливаться для установки на ровной плоскости, с фиксатором на DIN рейку и для монтажа на передней панели щита автоматики и индикации.
Также такое устройство по способу подключения бывает переднее, заднее, боковое и втыкаемое через специальный разъемный элемент. Программирование времени может выполняться с помощью переключателя, потенциометра или кнопок.
Как уже отмечалось, из всех перечисленных видов приборов срабатывания на заданное время, наибольшим спросом пользуется схема реле времени с электронным элементом выключения.
Это объясняется тем, что такой таймер, работающий от напряжения, к примеру, 12v, имеет следующие технические особенности:
- компактные габариты;
- минимальные энергетические затраты;
- отсутствие подвижных механизмов за исключением контактов выключения и включения;
- широко программируемое задание;
- большой срок эксплуатации, независимый от циклов срабатывания.
Самое интересное, что таймер просто сделать своими руками в домашних условиях. На практике существуют многие виды схем, дающих исчерпывающий ответ на вопрос как сделать реле времени.
Самый простой таймер 12В в домашних условиях
Наиболее простое решение — это реле времени 12 вольт. Такое реле может быть запитано от стандартного блока питания на 12v, каких очень много продается в различных магазинах.
На рисунке ниже приведена схема устройства включения и автоматического выключения осветительной сети, собранная на одном счетчике интегрального типа К561ИЕ16.
Рисунок. Вариант схемы 12v реле, при подаче питания включающего нагрузку на 3 минуты.
Данная схема интересная тем, что в качестве генератора тактирующих импульсов выступает мигающий светодиод VD1. Частота его мерцаний составляет 1,4 Гц. Если светодиод конкретно такой марки найти не удастся, то можно использовать подобный.
Рассмотрим исходное состояние срабатывания, в момент подачи питания 12v. В начальный момент времени конденсатор С1 полностью заряжается через резистор R2. На выводе под №11 появляется лог.1, делающий данный элемент обнуленным.
Транзистор, подсоединенный к выходу интегрального счетчика, открывается и подает напряжение 12В на катушку реле, через силовые контакты которого замыкается цепь включения нагрузки.
Дальнейший принцип действия схемы, работающей на напряжении 12В, состоит в считывании импульсов, поступающих с индикатора VD1 с частотой 1,4 Гц на контакт №10 счетчика DD1. С каждым снижением уровня поступающего сигнала происходит, так сказать, приращение значения счетного элемента.
При поступлении 256 импульса (это равняется 183 секундам или 3 минутам) на контакте №12 появляется лог. 1. Такой сигнал является командой для закрывания транзистора VT1 и прерывания цепи подключения нагрузки, через контактную систему реле.
Одновременно с этим, лог.1 с вывода под №12 поступает через диод VD2 на тактовую ногу C элемента DD1. Этот сигнал блокирует в дальнейшем возможность поступления тактовых импульсов, таймер срабатывать больше не будет, вплоть до пересброса питания 12В.
Исходные параметры для таймера срабатывания задаются разными способами подсоединения транзистора VT1 и диода VD3, указанных на схеме.
Немного преобразив такое устройство можно сделать схему, имеющую обратный принцип действия. Транзистор КТ814А следует поменять на другой тип — КТ815А, эмиттер подключить к общему проводу, коллектор к первому контакту реле. Второй контакт реле следует подключить к напряжению питания 12В.
Рисунок. Вариант схемы 12v реле, включающего нагрузку через 3 минуты после подачи питания.
Теперь после подачи питания реле будет отключено, а открывающий реле управляющий импульс в виде лог.1 выхода 12 элемента DD1 будет открывать транзистор и подавать на катушку напряжение 12В. После чего, через силовые контакты будет происходить подключение нагрузки к электрической сети.
Данный вариант таймера, функционирующий от напряжения 12В, на отрезке времени 3 минуты будет держать нагрузку в отключенном состоянии, а затем подключит её.
При изготовлении схемы, не забудьте расположить конденсатор ёмкостью 0.1 мкФ, на схеме имеющий обзначение C3 и напряжением 50В как можно ближе к питающим выводам микросхемы, иначе счетчик будет часто сбоить и время выдержки реле будет иногда меньше, чем должно быть.
Интересной особенностью принципа работы данной схемы является наличие дополнительных возможностей, которые легко реализовать.
В частности, это программирование времени выдержки. Применив, к примеру, такой DIP-переключатель как показано на рисунке, вы можете соединить одни контакты переключателей с выходами счетчика DD1, а вторые контакты объединить вместе и подключить к точке соединения элементов VD2 и R3.
Таким образом, с помощью микропереключателей вы сможете программировать время выдержки реле.
Подключение точки соединения элементов VD2 и R3 к различным выходам DD1 изменит время выдержки следующим образом:
| Номер ноги счётчика | Номер разряда счётчика | Время выдержки |
|---|---|---|
| 7 | 3 | 6 сек |
| 5 | 4 | 11 сек |
| 4 | 5 | 23 сек |
| 6 | 6 | 45 сек |
| 13 | 7 | 1.5 мин |
| 12 | 8 | 3 мин |
| 14 | 9 | 6 мин 6 сек |
| 15 | 10 | 12 мин 11 сек |
| 1 | 11 | 24 мин 22 сек |
| 2 | 12 | 48 мин 46 сек |
| 3 | 13 | 1 час 37 мин 32 сек |
Комплектация схемы элементами
Чтобы изготовить такой таймер, работающий на напряжении 12v требуется правильно подготовить детали схемы.
Элементами схемы являются:
- диоды VD1 – VD2, имеющие маркировку 1N4128, КД103, КД102, КД522.
- Транзистор, подающий напряжение 12v на реле — с обозначением КТ814А или КТ814.
- Интегральный счетчик, основа принципа работы схемы, с маркировкой К561ИЕ16 или CD4060.
- Светодиодное устройство серии ARL5013URCB или L816BRSCB.
Здесь важно помнить, что при изготовлении самодельного устройства необходимо применять элементы, указанные в схеме и соблюдать правила техники безопасности.
Простая схема для новичков
Начинающим радиолюбителям можно попробовать сделать таймер, принцип действия которого максимально прост.
Тем не менее, таким простым устройством можно включать нагрузку на конкретное время. Правда, время на которое подключается нагрузка всегда одно и то же.
Алгоритм работы схемы заключается в следующем. При замыкании кнопки, имеющей обозначение SF1, конденсатор C1 полностью заряжается. Когда она отпускается, указанный элемент C1 начинает разряжаться через сопротивление R1 и базу транзистора, имеющего обозначение в схеме — VT1.
На время действия тока разрядки конденсатора C1, пока его достаточно для поддержания транзистора VT1 в открытом состоянии, реле K1 будет во включенном состоянии, а затем отключится.
Указанные номиналы на элементах схемы обеспечивают длительность работы нагрузки на протяжении 5 минут. Принцип действия устройства такой, что время выдержки зависит от ёмкости конденсатора C1, сопротивления R1, коэффициента передачи тока транзистора VT1 и тока срабатывания реле K1.
При желании вы можете изменить время срабатывания изменив ёмкость C1.
Где купить
Читайте также: