页面定时弹出广告

一、需求分析

一般网页,我们刚打开的时候,它会5秒之后,显示一个广告,5秒钟之后,广告自动关闭。

二、技术分析

1.定时器

  • setInterval:每隔多少毫秒执行一次函数
  • setTimeout:多少毫秒之后执行一次函数
  • clearInterval:停止定时器
  • clearTimeout

2.显示广告: img.style.display = "block"

3.隐藏广告:img.style.display = "none"

三、步骤分析

1.确定事件:页面加载完成的事件 onload

2.事件要触发函数:init()

3.init函数里面做一件事:

       (1).启动一个定时器:setTimeout()

        (2).显示一个广告

                 a.再去开启一个定时器5秒钟之后,关闭广告

四、代码实现




    
    定时弹出广告
    


    

 

你可能感兴趣的:(JavaScript)