使用JS定时弹出广告效果

最新推荐文章于 2022-05-12 10:49:22 发布

Christina_cyw

最新推荐文章于 2022-05-12 10:49:22 发布

阅读量382

点赞数

分类专栏： # JS

by Chris

本文链接：https://blog.youkuaiyun.com/Christina_cyw/article/details/114120195

版权

JS 专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="../js/hide.js" type="text/javascript"></script>

</head>
<body>
    <div>
        <img src="" width="50%" id="hideImg" />
    </div>
</body>
</html>


window.onload = show;
var hideTimer;
function show() {
	//定时显示广告
	hideTimer = setInterval("Activity()", 2000);
}

//定时显示
function Activity() {
	document.getElementById("hideImg").src = "../img/1.jpg";
	//取消定时器
	clearInterval(hideTimer);
	隔一段时间后再隐藏广告
	hideTimer = setInterval("hiddenActivity()", 2000);
}
function hiddenActivity() {
	document.getElementById("hideImg").src = "";
	clearInterval(hideTimer);
}