JQuery如何实现页面定时弹出广告

这篇文章主要讲解了JQuery如何实现页面定时弹出广告,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

<强> Js相关技术

<强>定时器:

setInterval,clearInterval
setTimeout和clearTimeout

显示:img.style。显示=癰lock"

隐藏:img.style。显示=皀one"

img对象

风格属性:风格对象

<强>需求分析

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

<>强技术分析

定时器:setTimeout

显示和隐藏:风格。显示=翱?none"

<强>步骤分析:

<李>导入金桥的文件 <李>编写金桥的文档加载事件 <李>启动定时器setTimeout(““, 3000年), <李>编写显示广告的函数 <李>在显示广告里面再启动一个定时器 <李>编写隐藏广告的函数
　　李,

<强>代码实现

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=癠TF-8"祝辞 　　& lt; title> & lt;/title> 　　& lt;脚本类型=拔谋?javascript"https://www.yisu.com/zixun/src=" . ./js/jquery-1.11.0.js "> 　　 　　<脚本>//显示广告 　　函数showAd () { 　　$ (" # img1 ") .slideDown (2000); 　　setTimeout (“hideAd () ", 3000); 　　}//隐藏广告 　　函数hideAd () { 　　$ (" # img1 ") .slideUp (2000); 　　} 　　 　　 　　$(函数(){ 　　setTimeout (“showAd () ", 3000); 　　 　　}）;> 　　 　　身体 　　

看完上述内容,是不是对JQuery如何实现页面定时弹出广告有进一步的了解,如果还想学习更多内容,欢迎关注行业资讯频道。

JQuery如何实现页面定时弹出广告