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

Question

id_nomer_odin1 @id_nomer_odin1

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

Как сделать так, чтобы когда урок начинался (наступало 8:00), то выводилось "Урок идёт!" ('Going'), а когда заканчивался (наступало 8:40) - "Урок закончился!" ('Completed'). Когда начинался второй урок (наступало 8:50), выводилось также, как в первом случае, но уже у первого урока была надпись "Завершён!"?

Надеюсь, понятно написал, если что спрашивайте в комментариях!

Есть графический пример, как должно быть:

<div id="time"></div>
<p class="p"></p>
<p class="two" style="color: red;">Upcoming</p>

let clock = document.getElementById("time")

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


let p = document.querySelector('.p')
let two = document.querySelector('.two')
let date = new Date

setInterval(() => {
    
    if(date.getHours() == 8 && date.getMinutes() >= 0 && date.getMinutes() <= 10){
        p.textContent = "Going"
    }

    if(date.getHours() == 8 && date.getMinutes() >= 0 && date.getMinutes() >= 40){
        p.textContent = "Completed"
    }
  
}, 0);

setInterval(() => {
    
    if(date.getHours() >= 8 && date.getMinutes() >= 0 && date.getMinutes() <= 50){
        two.textContent = "Going"
    }

    if(date.getHours() == 9 && date.getMinutes() >= 0 && date.getMinutes() >= 30){
        two.textContent = "Completed"
    }
  
}, 0);

Вопрос задан более двух лет назад
209 просмотров

1 комментарий

Подписаться 1 Средний 1 комментарий

Answer 1 · 2022-08-16 03:37:55

Для таких целей в браузерах есть консоль разработчика, где сразу пишет, что не объявлена переменная date.
А вообще вы объявляете переменную date через let. Так что ваша переменная не попадает в цикл (читайте справку зачем используют let)
Пробуйте так:

let clock = document.getElementById("time")

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


let p = document.querySelector('.p')
let two = document.querySelector('.two')
date = new Date()

setInterval(() => {
    
    if(date.getHours() == 8 && date.getMinutes() >= 0 && date.getMinutes() <= 10){
        p.textContent = "Going"
    }

    if(date.getHours() == 8 && date.getMinutes() >= 0 && date.getMinutes() >= 40){
        p.textContent = "Completed"
    }
  
}, 0);

setInterval(() => {
    
    if(date.getHours() >= 8 && date.getMinutes() >= 0 && date.getMinutes() <= 50){
        two.textContent = "Going"
    }

    if(date.getHours() == 9 && date.getMinutes() >= 0 && date.getMinutes() >= 30){
        two.textContent = "Completed"
    }
  
}, 0);

И убирайте масло масляное, на подобии этого:

if(date.getHours() == 9 && date.getMinutes() >= 0 && date.getMinutes() >= 30){

А вот тут можно использовать let:

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

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

Войдите на сайт