出现倒计时广告块,从5秒开始倒数,当时间消减为0时广告消失

出现倒计时广告块,从5秒开始倒数,当时间消减为0时广告消失。题目提示:1.使用定时器进行倒数100%2.使用display属性设置广告消失。

这样?

<style>
    #ad {
        border: solid 1px #ccc;
        width: 200px;
        height: 50px;
        text-align: center;
        line-height: 50px;
    }
</style>
<div id="ad">
    我是广告--<span id="spSec"></span>
</div>
<script>
    var sec = 5;
    spSec.innerHTML = sec + '秒';
    var timer = setInterval(() => {//开始计时
        sec--;
        if (sec == 0) {
            clearInterval(timer);//清除计时器
            ad.style.display='none'
        }
        spSec.innerHTML = sec+'秒';
    }, 1000);
</script>

解决方案你都说出来了,还有什么问题

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632