Задать вопрос
@id_nomer_odin1
javascript

Как сделать так, чтобы когда наступало время 8:00, то выводилось «Урок начался!», а когда наступало 8:40 — «Урок закончился!»?

<div id="time"></div>

let clock = document.getElementById("time")

var time = setInterval(function() {
  var date = new Date();
  clock.innerHTML = (date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds());
}, 1000);

// Остановить исполнение можно вызовом clearInterval(time).

let interval = setInterval(() => {
  if(clock.textContent <= '8:00:0'){
    alert('Урок начался!');
    clearInterval(interval)
  }
    else(clock.textContent >= '8:40:0'){
    alert('Урок закончился!');
    clearInterval(interval)
  }
}, 500)
  • Вопрос задан
  • 170 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
noder_ss
@noder_ss
Линуксоид-энтузиаст и SQL разработчик
Попробуй так
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p class="p"></p>
</body>
<script>
let p = document.querySelector('.p')
let date = new Date
setInterval(() => {
    
    if(date.getHours() == 8 && date.getMinutes() == 40){
        p.textContent = "Урок окончен"
    }
}, 0);
setInterval(() => {
    
    if(date.getHours() == 8 && date.getMinutes() == 0){
        p.textContent = "Урок начат"
    }
}, 0);

</script>
</html>
Ответ написан
6 комментариев
6 комментариев
sergiks
@sergiks Куратор тега JavaScript
♬♬
1-й вариант: поймать однократное «событие» — предыдущее время было «не то», и вот сейчас стало «то» – тогда вывести что-то. Это можно ловить в таймере, который обновляет часы. И его стоит запускать чаще, чем раз в секунду, чтобы время точнее щелкало, иначе могут пропускаться отдельные секунды.

2-й вариант, менее точный, т.к. таймеры в JavaScript могут здорово отклоняться от реального времени. В момент запуска вычислить, сколько там времени осталось до 08:00 и до 08:40, и зарядить два setTimeout() на нужные количества миллисекунд.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Несложная верстка из Figma bootstrap5 scss npm
18 дек. 2024, в 04:59
1000 руб./в час
Отправка команды на открытие всех окон автомобиля Chery Tiggo 7 Pro
18 дек. 2024, в 03:28
16000 руб./за проект
Установить музыкальный софт
18 дек. 2024, в 01:04
5000 руб./за проект
Ещё заказы