下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:使用JavaScript完成定时弹出广告

作者:朱李洛克     来源: 博客园点击数:3525发布时间: 2020-12-12 16:41:33

标签: htmlweb网页JavaScript

Web开发

  微软公司还有自己开发Javascript,称为JScript。Javascript和Jscript基本上是相同的,只是在一些细节上有出入。Javascript短小精悍,又是在客户机上执行的,大大提高了网页的浏览速度和交互能力。同时它又是专门为制作web网页而量身定做的一种简单的编程语言

  使用JavaScript完成定时弹出广告

  完成页面定时弹出广告

  需求分析

  ​一般网页,当我们刚打开的时候,它会5秒之后,显示一个广告,让我们看5秒钟,然后他的广告就自动消失了!

  技术分析

  定时器

  setInterval:每隔多少毫秒执行一次函数

  setTimeout:多少毫秒之后执行一次函数

  clearInterval

  clearTimeout

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

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

  步骤分析

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

  事件要触发函数:init()

  init函数里面做一件事:

  启动一个定时器:setTimeout()

  显示一个广告

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

  代码实现

  <script>

  

   functioninit(){

   setTimeout("showAD()",3000);

   }

  

   functionshowAD(){

   //首先要获取要操作的img

   varimg=document.getElementById("img1");

   //显示广告

   img.style.display="block";

  

   //再开启定时器,关闭广告

   setTimeout("hideAD()",3000);

   }

  

   functionhideAD(){

   //首先要获取要操作的img

   varimg=document.getElementById("img1");

   //隐藏广告

   img.style.display="none";

   }

   </script>

  扩展

  JS的文件加载顺序问题

  javascript文档加载顺序问题

  JS的引入方式

  引入一个外部js文件

  <scriptsrc="js文件的路径"type="text/javascript"/>

  JavaScript使网页增加互动性。JavaScript使有规律地重复的html文段简化,减少下载时间。JavaScript能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由CGI验证。JavaScript的特点是无穷无尽的,只要你有创意。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程