轮播图自动播放
需求:
有一组图片。每个三秒,就去切换一张,最终是一直不停的切换
- 技术分析
- 切换图片
- 每个三秒切换
-
步骤分析
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 属性