出现倒计时广告块,从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>
解决方案你都说出来了,还有什么问题
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!