Скрипт запуска картинки в javascript в определенный момент времени?

Question

[AlexeyStarshine]

Здравствуйте, помогите, пожалуйста, со скриптом.
Нужно сделать примерно так, как на картинке


Из готового:
1. есть скрипт с интервалом времени:

var now = new Date(),
    start = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 21),
    end = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 06);
 
if ( now >= start && now <= end ) {
    if(localStorage.getItem("check") == null) showModal();
}
 

function showModal() {
    localStorage.setItem("check", true);

    (Именно сюда нужно вставить скрипт картинки)
}

2. Также есть готовая картинка png.

Кратко: Нужно чтобы по окончанию режима работы компании запускался скрипт с похожим оповещением.

Заранее спасибо за вашу помощь :)

P.s. Если это важно, сайт работает на woocommerce

Comments

[lloydbanks]

Посмотрите мой вчерашний ответ на похожий вопрос

[AlexeyStarshine]

lloydbanks, Добрый день, спасибо за вашу помощь

var now = new Date(),
    start = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 22),
    end = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 11);
 
if ( now >= start && now <= end ) {
    if(localStorage.getItem("check") == null) showModal();
}
 

function showModal() {
    localStorage.setItem("check", true);
    const img = document.createElement('img')
    img.src = 'https://САЙТ/wp_fastimage/testokno.jpg'
}

Получилось примерно так.
Подскажите, нужно ли создавать отдельный в html с настройками в css под эту картинку?