0
点赞
收藏
分享

微信扫一扫

JavaScript实现广告弹出setInterval()

Yaphets_巍 2022-04-14 阅读 58
javascript

注释已写。

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // java习惯,主方法调用
        function init(){
            // setInterval("函数名",时间)方法设置的定时器
            time=setInterval("showAd()",3000);
        }
        //设置3秒后显示图片
        function showAd(){
            //document.getElementById获取一个元素(传入一个html标签的id)
            document.getElementById("gg").style.display="block";
            //取消setInterval()方法设置的定时器,传入一个setInterval()的返回值
            clearInterval(time);
            time=setInterval("hiddenAd()",3000);
        }
        function hiddenAd(){
            document.getElementById("gg").style.display="none";
            //取消setInterval()方法设置的定时器
            clearInterval(time);
        }
    </script>
</head>
<body >
<h1>广告轮播图</h1>
<p>三秒后显示图片,6秒后图片消失</p>
<!--onload,页面加载完成事件-->
<img  onload="init()" src="https://img0.baidu.com/it/u=1130751398,2376127001&fm=253&fmt=auto&app=138&f=GIF?w=650&h=320" id="gg"  style="display: none;height: 500px;width: 1000px;" >
</body>
</html>
举报

相关推荐

0 条评论