自动定时展开隐藏小广告

自动定时展开隐藏小广告
2秒后右下角显示小广告，倒计时10秒后自动关闭，点击立刻关闭也可以直接关闭

  <div class="adBox">
        <div class="flex bg-black">
            <div class="ad-text">广告还剩余10秒关闭</div>
            <div class="ad-close">立即关闭</div>
        </div>
        <img src="image/1.jpg">
    </div>

.adBox { position: fixed;bottom: 0;right: 0;z-index: 666;height: 320px;width: 520px;display: none}
.ad-text {padding-left: 20px;color: #fff;text-align: left;width: 100%;height: 40px;line-height: 40px;}
.ad-close {color: #fff;width: 80px;text-align: center;padding-right: 20px;cursor: pointer}
.ad-close:hover {color: #ff4b4b}

        var adBox = document.querySelector(".adBox");
        var adText = document.querySelector(".ad-text");
        var adClose = document.querySelector(".ad-close");
        window.onload = function () {
            setTimeout(function () {
                adBox.style.display = "block";
                adBoxBlock(10)
            }, 2000)
        }
        //点击立即关闭
        adClose.addEventListener("click", function () {
            adBox.style.display = "none";
        })

        function adBoxBlock(time) {
            var adTime = setInterval(function () {
                time--;
                console.log(time);
                adText.textContent = "距该广告关闭还有" + time + "秒";
                if (time == 0) {
                    window.clearInterval(adTime);
                    adBox.style.display = "none";
                }
            }, 1000);
        }