Π’Π°ΠΉΠΌΠ΅Ρ€ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ элСктроприборов: ваТная ΠΈ полСзная Ρ‡Π°ΡΡ‚ΡŒ Β«ΡƒΠΌΠ½ΠΎΠ³ΠΎ Π΄ΠΎΠΌΠ°Β»

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅:

Π¨Π°Π³ 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 Π³ΠΎΠ΄Ρƒ занялся исслСдованиями Ρ…Ρ€ΠΎΠ½ΠΎΠΌΠ΅Ρ‚Ρ€Π°ΠΆΠ° Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ возмоТности Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ отсчСт. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ Π΅Π³ΠΎ Ρ‚Ρ€ΡƒΠ΄ΠΎΠ² стал ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ мСханичСский Π°Π½Π°Π»ΠΎΠ³ соврСмСнного Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π°. Π£ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Π» Ρ‚Π°ΠΉΠΌΠ΅Ρ€ английский часовщик Π ΠΎΠ±Π΅Ρ€Ρ‚ Π“ΡƒΠΊ, ввСдя Π² ΠΊΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ балансирный ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ.

  • Π’Π°ΠΉΠΌΠ΅Ρ€Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для контроля Π·Π° систСмами освСщСния ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², Π²ΠΈΡ‚Ρ€ΠΈΠ½, Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Ρ… вывСсок, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΡƒΡŽΡ‚ Ρ‚Π°ΠΉΠΌΠ΅Ρ€ ΠΈ для Π΄ΠΎΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΏΠΎΠ΄Π°Ρ‡ΠΈ ΠΊΠΎΡ€ΠΌΠ° ΠΈ Π²ΠΎΠ΄Ρ‹ Π² Π°ΠΊΠ²Π°Ρ€ΠΈΡƒΠΌΠ°Ρ… ΠΈ Ρ‚Π΅Ρ€Ρ€Π°Ρ€ΠΈΡƒΠΌΠ°Ρ….
  • Π’Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ Ρ‚Π°ΠΉΠΌΠ΅Ρ€ для ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ ΠΈ рСгулярного ΠΏΠΎΠ»ΠΈΠ²Π° растСний, Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΎΠ±ΠΎΠ³Ρ€Π΅Π²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… систСм.
  • На Ρ‚Π°ΠΉΠΌΠ΅Ρ€ выставлСны заводскиС сигналы ΠΈ ΡˆΠΊΠΎΠ»ΡŒΠ½Ρ‹Π΅ Π·Π²ΠΎΠ½ΠΊΠΈ.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ это устройство для ΠΈΠΌΠΈΡ‚Π°Ρ†ΠΈΠΈ эффСкта присутствия. БлучаСтся, для Π·Π°Ρ‰ΠΈΡ‚Ρ‹ Π΄ΠΎΠΌΠ° Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρ‹ ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ‚Π°ΠΉΠΌΠ΅Ρ€Ρ‹, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΠΈΠ΅ свСт ΠΈΠ»ΠΈ Ρ€Π°Π΄ΠΈΠΎ для прСдотвращСния ΠΊΡ€Π°ΠΆ ΠΈ отпугивания Π·Π»ΠΎΡƒΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΈΠΊΠΎΠ² ΠΎΡ‚ Π΄ΠΎΠΌΠ° ΠΈΠ»ΠΈ ΠΊΠ²Π°Ρ€Ρ‚ΠΈΡ€Ρ‹.
  • Π’Π°ΠΊΠΆΠ΅ Ρ‚Π°ΠΉΠΌΠ΅Ρ€ управляСт Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ элСктроустройствами, систСмами питания элСктроприборов.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ ΠΏΠΎ настройкС

Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ дСлаСтся настройка мСханичСского Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π° для Ρ€ΠΎΠ·Π΅Ρ‚ΠΊΠΈ инструкция ΠΊ устройству ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ наглядно. ВсС сводится ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ дСйствиям:

  1. ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ Ρ€Π΅ΠΆΠΈΠΌΠΎΠ² Π² ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ постоянной ΠΏΠΎΠ΄Π°Ρ‡ΠΈ напряТСния;
  2. Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ диска Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ΅ врСмя – ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΊΡƒ с Π΅Π³ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π½Π΅ΠΏΠΎΠ΄Π²ΠΈΠΆΠ½ΠΎΠΉ;
  3. для настройки ΠΏΠ΅Ρ€ΠΈΠΎΠ΄ΠΎΠ² Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ-ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π½Π°Π΄ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Π½ΡƒΠΆΠ½ΠΎΠΌΡƒ ΠΏΠ΅Ρ€ΠΈΠΎΠ΄Ρƒ;
  4. Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ»ΠΊΡƒ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠ±ΠΎΡ€Π° Π² ΡˆΡ‚Π΅ΠΏΡΠ΅Π»ΡŒ Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π°;
  5. ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΡΡ ΠΊ сСтСвой Ρ€ΠΎΠ·Π΅Ρ‚ΠΊΠ΅;
  6. пСрСвСсти ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²Ρ‹Π±ΠΎΡ€Π° Ρ€Π΅ΠΆΠΈΠΌΠ° Π² ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Β«Π Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠ΅Β».

ΠŸΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ ΠΏΡ€ΠΈΠ±ΠΎΡ€ ΠΈΠ·Π΄Π°Ρ‘Ρ‚ Π½Π΅Π³Ρ€ΠΎΠΌΠΊΠΎΠ΅ ΠΆΡƒΠΆΠΆΠ°Π½ΠΈΠ΅. УстановлСнный Ρ€Π΅ΠΆΠΈΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ΄Π½Π΅Π²Π½ΠΎ. ΠŸΡ€ΠΈ Π΅Π³ΠΎ рСдактирования Ρ€ΠΎΠ·Π΅Ρ‚ΠΊΡƒ с Ρ‚Π°ΠΉΠΌΠ΅Ρ€ΠΎΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΡ‚ элСктросСти.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ настройкС мСханичСской Ρ€ΠΎΠ·Π΅Ρ‚ΠΊΠΈ смотритС Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π²ΠΈΠ΄Π΅ΠΎ:

Как Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ° ΠΏΠΎ Ρ‚Π°ΠΉΠΌΠ΅Ρ€Ρƒ Ρ‡Π΅Ρ€Π΅Π· ΠŸΠ»Π°Π½ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊ Π·Π°Π΄Π°Π½ΠΈΠΉ

Π’ 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, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выпускаСтся нСсколькими производитСлями. Π‘Ρ…Π΅ΠΌΠ° Π΅Π³ΠΎ настройки ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ:

  1. ПослС Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ трСбуСтся Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ сброса ΠΈ Π΄ΠΎΠΆΠ΄Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ очищСния встроСнной памяти.
  2. Π”Π°Π»Π΅Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π΅ врСмя ΠΈ дСнь Π½Π΅Π΄Π΅Π»ΠΈ. ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²ΠΈΠ΄ Β«24Β» ΠΈ Β«12Β». Π”Π½ΠΈ Π½Π΅Π΄Π΅Π»ΠΈ ΠΈΠΌΠ΅Π½ΡƒΡŽΡ‚ΡΡ ΠΏΠΎ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π±ΡƒΠΊΠ²Π°ΠΌ латинских слов. ВыставлСниС Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° осущСствляСтся ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Β«Π”+Β», Β«Π§+Β» ΠΈ «М+Β».
  3. Π’Π°ΠΉΠΌΠ΅Ρ€ ΠΈΠΌΠ΅Π΅Ρ‚ 4 Ρ€Π΅ΠΆΠΈΠΌΠ° Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π²Ρ‹Π±ΠΎΡ€ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… осущСствляСтся Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ Π½Π° Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ.
  4. Для Π½Π°Ρ‡Π°Π»Π° программирования трСбуСтся Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π Β» ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ Π΄Π½ΠΈ Π½Π΅Π΄Π΅Π»ΠΈ ΠΈ врСмя Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ. Π—Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ΠΌ Ρ†ΠΈΠΊΠ»Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ΅ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ клавиши Β«Π Β».
  5. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ шагом Π²Ρ‹ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ Π΄Π½ΠΈ Π½Π΅Π΄Π΅Π»ΠΈ ΠΈ врСмя Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ, ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ дСйствия Π·Π°Π²Π΅Ρ€ΡˆΠ°Π΅Ρ‚ΡΡ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π§+Β».

ΠŸΡ€ΠΈ установкС ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠ±ΠΎΡ€Π° Π²Π½ΡƒΡ‚Ρ€ΡŒ Ρ‰ΠΈΡ‚ΠΊΠ° потрСбуСтся ΠΏΠΎΠΌΠΎΡ‰ΡŒ элСктрика

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΈΠΌΠ΅Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ внСсти ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΊΠΈ Π² настройки ΠΏΡ€ΠΈ Π΄ΠΎΠΏΡƒΡ‰Π΅Π½Π½ΠΎΠΉ ошибкС ΠΈΠ»ΠΈ ΠΏΡ€ΠΈ простой нСобходимости внСсСния ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ

ΠžΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²Π»ΡΡ‚ΡŒ ΠΌΠΎΠ½Ρ‚Π°ΠΆ Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π°, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ эта модСль устанавливаСтся нСпосрСдствСнно Π½Π° силовой кабСль

МодСль Π’Π­-15 – ΠΎΠ΄Π½Π° ΠΈΠ· популярных срСди Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² для ΠΌΠΎΠ½Ρ‚Π°ΠΆΠ° Π½Π° Π΄ΠΈΠ½-Ρ€Π΅ΠΉΠΊΡƒ
Masterclear – удобная ΠΈ простая модСль для установки Π² Ρ€ΠΎΠ·Π΅Ρ‚ΠΊΡƒ

Настройка Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π° Masterclear согласно инструкции ΠΏΠΎ эксплуатации

НС ΠΌΠ΅Π½Π΅Π΅ популярной модСлью, которая встрСчаСтся Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅, являСтся Ρ‚Π°ΠΉΠΌΠ΅Ρ€-Ρ€ΠΎΠ·Π΅Ρ‚ΠΊΠ° Masterclear. Она ΠΈΠΌΠ΅Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ понятный Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ настройки, Π½ΠΎ слСдуСт Π±Ρ‹Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌ, Ρ‡Ρ‚ΠΎ всС надписи Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Ρ‹ Π½Π° английском:

  1. ΠŸΠ΅Ρ€Π΅Π΄ Π½Π°Ρ‡Π°Π»ΠΎΠΌ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΡ€ΠΈΠ±ΠΎΡ€ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°Ρ€ΡΠ΄ΠΈΡ‚ΡŒ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ встроСнный аккумулятор для сохранСния настроСк. Π’Π°ΠΊΠΆΠ΅ трСбуСтся ΡΠ±Ρ€ΠΎΡΠΈΡ‚ΡŒ всС ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠ΅ настройки Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ Π½Π° ΠΊΡ€Π°ΡΠ½ΡƒΡŽ ΡƒΡ‚ΠΎΠΏΠ»Π΅Π½Π½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΏΠΎΠ΄ дисплССм.
  2. Установка Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ осущСствляСтся ΠΏΡƒΡ‚Ρ‘ΠΌ удСрТания клавиши Clock ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ Hour (часы) ΠΈ Minute (ΠΌΠΈΠ½ΡƒΡ‚Ρ‹). Для смСны Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° отобраТСния Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Timer.
  3. Аналогично Π²Ρ‹ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ Π΄Π½ΠΈ Π½Π΅Π΄Π΅Π»ΠΈ: ΡƒΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Clock ΠΈ Π²Ρ‹Π±ΠΎΡ€ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€ΠΈΠΎΠ΄Π° ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ клавиши Week.
  4. Для программирования Ρ†ΠΈΠΊΠ»Π° Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ трСбуСтся Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Timer Π΄ΠΎ появлСния Π½Π° экранС надписи ON. Π”Π°Π»Π΅Π΅ выставляСтся Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ врСмя ΠΈ Π΄Π½ΠΈ Π½Π΅Π΄Π΅Π»ΠΈ.
  5. Настройка ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ производится Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ, Π½ΠΎ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Timer Π½Π° экранС Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠ²Π΅Ρ‚ΠΈΡ‚ΡŒΡΡ надпись OFF.
  6. Π’Ρ‹Ρ…ΠΎΠ΄ ΠΈΠ· мСню программирования осущСствляСтся ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ 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.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *

Adblock
detector