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

    作者:朱李洛克更新于: 2020-05-11 15:02:58

    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秒钟之后,关闭广告

      代码实现

      

      扩展

      JS的文件加载顺序问题

      javascript文档加载顺序问题

      JS的引入方式

      引入一个外部js文件

      

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

课课家教育

未登录