Countdown.html

<!DOCTYPE html>
<html>
    <body>
        <div style="text-align: center; font-size: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;">
            <button onclick="doWork()">Сдать долги</button>
            <p>До отчисления осталось</p>
            <p id="counter"></p>
        </div>
        <script>
            var countDownDate = new Date("Apr 22, 2022 12:00:00").getTime();
            var f = ()=>{
                var c = document.getElementById("counter");
                var d = countDownDate - new Date().getTime();
                c.innerHTML = (d < 0) ? "Отчислен" : (`${Math.floor(d / 3600000)} часов ${Math.floor(d % 3600000 / 60000)} минут ${Math.floor(d % 60000 / 1000)} секунд`);
                return (d > 0);
            };
            f();
            var x = setInterval(()=>{
                if (!f())
                    clearInterval(x);
            }, 1000);
            var doWork = ()=>{
                clearInterval(x);
                document.getElementById("counter").innerHTML = "Не отчислен"
            }
        </script>
    </body>
</html>