Обратный отсчёт

      
    <script>
     
// Создаём переменную, которая будет хранить элемент для вывод таймера
let timer_show = document.getElementById("timer");
 
// Это функция для вычитания времени
function diffSubtract(date1, date2) {
    return date2 - date1;
}
 
// Это JSON массив с данными о времени
let end_date = {
    "full_year": "2020", // Год
    "month": "03", // Месяц
    "day": "27", // День
    "hours": "12", // Час
    "minutes": "49", // Минуты
    "seconds": "00" // Секунды
}
 
// Переменная строка, которая хранит время до которого нужно досчитать
let end_date_str = `${end_date.full_year}-${end_date.month}-${end_date.day}T${end_date.hours}:${end_date.minutes}:${end_date.seconds}`;
  
      // Создаём интервал
timer = setInterval(function () {
    // Берём настоящие время
    let now = new Date();
    // Берём наше время, до которого надо сделать отсчёт
    let date = new Date(end_date_str);
    // Создаём переменную в которой будет хранится разность времени
    let ms_left = diffSubtract(now, date);
    // Если разность меньше или равна нулю
    if (ms_left <= 0) {
        // То выключаем интервал
        clearInterval(timer);
        // И выводим сообщение что "Время закончилось"
     document.getElementById("nameid").innerHTML="Я - текст, я появился!";
    } else { // Иначе
        // Получаем время с его разностью
        let res = new Date(ms_left);
        // Делаем строку для вывода значений таймера
      let str_timer = ` ${res.getUTCDate() - 1} дней ${res.getUTCHours()} часов ${res.getUTCMinutes()}минут ${res.getUTCSeconds()} секунд`;
        // Выводим таймер
        timer_show.innerHTML = str_timer;
    }
}, 1000)
      
      </script>

class Timer {
    constructor(newDate, currentCallback, endCallback, element) {
        this.intervalId = setInterval(Timer.timer, 1000, newDate, currentCallback, endCallback, element, this.intervalId);
        Timer.timer(newDate, currentCallback, endCallback, element, this.intervalId);
    }
    static timer(newDate, currentCallback, endCallback, element, intervalId) {
        let now = Date.now(), rest = newDate >= now ? Math.round((newDate - now) / 1000) * 1000 : 0;
        if (!rest) {
            clearInterval(intervalId);
            if (currentCallback) currentCallback(0, 0, 0, 0, element);
            if (endCallback) endCallback(element);
            return;
        }
        let dd = Math.floor(rest / 86400000);
        rest -= dd * 86400000;
        let hh = Math.floor(rest / 3600000);
        rest -= hh * 3600000;
        let mm = Math.floor(rest / 60000);
        rest -= mm * 60000;
        let ss = Math.floor(rest / 1000);
        if (currentCallback)
            currentCallback(dd, hh, mm, ss, element);
    }
}
 
let element = document.querySelector(".timer");
let date = new Date("2020-03-27T09:57:00+03:00");
new Timer(date, showTime, showEnd);
 
function showTime(dd, hh, mm, ss) {
    element.querySelector(".day").textContent = (dd < 10 ? "0" : "") + dd;
    element.querySelector(".hour").textContent = (hh < 10 ? "0" : "") + hh;
    element.querySelector(".min").textContent = (mm < 10 ? "0" : "") + mm;
    element.querySelector(".sec").textContent = (ss < 10 ? "0" : "") + ss;
}
 
function showEnd() {
    element.style.display = "none";
    document.getElementById("nameid").innerHTML = "Я - текст, я появился!";
}

let date = new Date("2020-03-27T09:57:00+03:00");