利用JavaScript完成页面定时弹出广告

需求分析
一般网页，我们在打开的时候会弹出一个广告，让我们看5秒钟，然后自动消失。
技术分析

定时器
setInterval:每隔多少秒执行一次函数
setTimeout:多少秒之后执行一次函数
clearInterval
clearTimeout
显示广告 img.style.display = “block”
隐藏广告 img.style.display = “none”

步骤

确定时间：页面加载完成之后的事件：onload()
事件要触发的函数：init（）
init函数里面的逻辑
代码实现：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>function showAD(){//获取要操作的imgvar img = document.getElementById("img1");img.style.display = "block";//显示广告// 开启一个定时器关闭广告setTimeout("hideAD()",3000);}function hideAD(){//获取要操作的imgvar img = document.getElementById("img1");img.style.display = "none";//隐藏广告}function init(){setTimeout("showAD()",3000);}</script></head><body onload="init()"><img src="../img/ad.jpg" width="100%" style="display: none; height: 250px;" id="img1"/></body>
</html>

利用JavaScript完成页面定时弹出广告相关推荐

用js完成页面定时弹出广告
用js完成页面定时弹出广告第一步:在页面指定位置隐藏一个广告图片(使用display属性的none值) 第二步:确定事件(onload)并为其绑定一个函数第三步:书写这个函数(设置一个显示图片的定 ...
JS实现定时弹出广告
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
使用JS完成首页定时弹出广告图片
一.需求分析在首页中的顶部做一个定时弹出广告图片. 二.技术分析隐藏图片: display: none 定时操作: setInterval("显示图片的函数", ...
使用JQuery完成定时弹出广告/图片
script部分 <script type="text/javascript" src="../js/jquery-3.4.1.js"></s ...
jquery.cookie.js 每天首次打开页面时弹出广告
①去jquery官网下载 jquery库文件以及 jquery.cookie.js: ②引入:<script type="text/javascript" src=&q ...
JavaScript 定时弹出广告
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
页面右下角弹出广告效果(二)
这部分是JS代码 <script language="javascript" type="text/javascript" src="http: ...
html里左flash广告,网页中定时弹出一个Flash广告
网页中定时弹出一个FLASH广告的网页特效代码.过一定时间自动消失.当打开页面时,加载的FLASH广告在页面内容的上面播放显示,位置默认设置为屏幕的中间(可自行修改其播放位置),待FLASH广告播放完 ...
笔记本电脑启动计算机出现了页面,笔记本电脑开机弹出广告解决方法
有很多小伙伴反映在使用笔记本电脑的时候经常会出现很多的小广告,无论是玩游戏的时候,还是看电影的时候,以及在看网页的时候都有,具体该怎么解决呢?下面就由学习啦小编跟大家分享一下解决方法吧,欢迎大家来阅读 ...
学习CSDN右下角弹出广告
广告效果,当页面加载完毕后,慢慢弹出广告,然后再慢慢退出. 经过分析,只需要将message_pop.css和msg.popup.js加入到网页就行.为了能够在自己的网页中实现类似广告弹出效果,我们将 ...

利用JavaScript完成页面定时弹出广告

利用JavaScript完成页面定时弹出广告相关推荐

最新文章

热门文章