广告定时器

<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//setTimeOut():这个计时器,是延迟指定毫秒后,只执行一次,如果想再次执行,必须要重新调用这个计时器方法
//页面加载完成
function init() {
//1.进入页面,,,马上加载一个计时器
//第一个参数:计时器执行的函数
//第二个参数:延迟的时长(毫秒)
setTimeout(showAd, 3000); //延迟3S后,执行showAd这个函数里面的内容
}

function showAd() {
//1.获取到显示广告的元素----通过id来获取
var ad_div = document.getElementById("ad_div");
//2.设置元素显示出来(设置元素的style属性)
ad_div.style.display = "block"; //以块状元素显示
//在这个函数中,还可以继续嵌套计时器
setTimeout(closeAd,3000);
}
function closeAd () {
var ad_div = document.getElementById("ad_div");
ad_div.style.display = "none";
}
</script>
</head>


<body onload="init()">
<div id="ad_div" style="display: none;">此处有广告</div>
</body>


</html>
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭