前端笔记-04 js 轮播图

轮播图自动播放

需求：

   有一组图片。每个三秒，就去切换一张，最终是一直不停的切换

• 技术分析

1. 切换图片
2. 每个三秒切换

• 步骤分析
  1.确定事件：文档加载完成的事件 onload
  2.事件触发：init()

• 定时器

setInterval(“test()”,3000) 每3000毫秒执行一次test()函数
setTimeout(“test()”,3000) 多少毫秒后执行一次函数
timerId 上面定时器调用后返回的值
clearInterval(timerId)
clearTimeout(timerId)
切换图片
img.scr = “图片路径”

事件：文档加载完成的事件onLoad事件
显示广告：img.style.display = “block”
隐藏广告：img.style.display = “none”

• 引入一个外部的js文件

<script  src = “js文件的路径”  type="text/javascript"></script>

• 表单校验中常用的事件

onfucus ：获取焦点
onblur：失去焦点
onkeyup：按键抬起

• js开发步骤

1.确定事件
2.事件要出发的函数：定义函数
3.函数通常都要去做一些交互:点击，修改图片，动态修改InnerHTML 属性，InnerText 属性