html广告浮现可关闭,广告弹窗(倒计时5,4,3,2,1出现关闭，延迟三秒弹窗消失)

*{

padding: 0;

margin: 0;

}

div{

width:500px;

height:300px;

margin:50px auto;

background: #0000FF;

}

a{

float:right;

width:80px;

height:40px;

background:pink;

line-height:40px;

text-align:center;

color:white;

text-decoration: none;

}

5

var oDiv=document.querySelector("div");

var oBtn=document.querySelector("a");

var timer=null

var i=5

timer=setInterval(function(){

if(i==0){

oBtn.innerHTML="关闭";

clearInterval(timer);

oBtn.οnclick=function(){

setTimeout(function(){

oDiv.style.display="none";

}

,3000)

}

}else{

i--

oBtn.innerHTML=i;

}

}

,1000)