Здравствуйте формучане! Помогите реализовать смену иконки раз 6 часов через js скрипт.
Код HTML
<h4 class="f-w-600"><span id="greeting">Good Morning</span></h4>
В этом HTML коде мы получаем от id="greeting" время суток от js скрипта. Через каждых 6 часов идет смена приветствия: Доброй ночи, Добрые утро, Добрый день, Добрый вечер
Код JS
var today = new Date()
var curHr = today.getHours()
if (curHr >= 0 && curHr < 4) {
document.getElementById("greeting").innerHTML = 'Доброй ночи';
} else if (curHr >= 4 && curHr < 12) {
document.getElementById("greeting").innerHTML = 'Доброе утро';
} else if (curHr >= 12 && curHr < 16) {
document.getElementById("greeting").innerHTML = 'Добрый день';
} else {
document.getElementById("greeting").innerHTML = 'Добрый вечер';
}
В JS коде идет сама смена времени и вместе с ним идет смена слов например: 'Доброй ночи' как добавить так чтобы можно было сменить и иконку в месте со словом?
Пробивал вот: document.getElementById("greeting").innerHTML = 'Доброй ночи <span class="right-circle setting-bg-primary">';
так не получилось.
<span>
?'Доброй ночи <span class="right-circle setting-bg-primary"></span>';