基于JQuery实现页面定时弹出广告

Js相关技术

定时器:

​ setInterval & clearInterval
​ setTimeout & clearTimeout

显示: img.style.display = "block"

隐藏: img.style.display = "none"

img 对象

style属性: style对象

需求分析

当用户打开界面，3秒钟之后弹出广告，这个广告显示5秒钟，隐藏广告

技术分析

定时器: setTimeout

显示和隐藏: style.display = "block/none"

步骤分析：

• 导入JQ的文件
• 编写JQ的文档加载事件
• 启动定时器 setTimeout("",3000);
• 编写显示广告的函数
• 在显示广告里面再启动一个定时器
• 编写隐藏广告的函数
  

代码实现

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。