非行间样式 函数封装 代码复用 定时器

1.获取行间样式

• 标签.style.样式名 如果样式名是-链接 使用驼峰命名 例如font-size fontSize

• ==标签.style.样式名 只能获取行间样式==

2.获取非行间样式和行间样式

• 标准浏览器(火狐 谷歌 欧朋 safari IE(9-11))

  window.getComputedStyle(标签).样式名

• IE低版本浏览器(IE5-8)

  标签.currentStyle.样式名

3.函数封装

  函数封装的步骤

1. 声明一个函数 把主要代码放进去
2. 找函数中可变的值作为参数 将参数带入函数中 并且返回出去

3. 调用调试

4.代码复用

1. 什么时候使用代码复用

   功能一样 结构一样的使用 用for循环不好实现的时候

2. 代码复用的实现步骤

   • 把这个功能先当成一组去实现 里面的标签都是通过父元素获取

   • 先去实现一组的功能

   • 把这一组功能放入到函数中 把父元素作为参数

   • 调用测试

5.定时器

1 定时器介绍

1. 定时器的分类

   • 延时定时器

     • 语法: setTimeout(函数，时间)

     • 作用： 延迟一定的时间再去执行函数里面的代码，只会执行一次

     • 使用场景 ：广告弹窗

   • 间歇定时器

     • 语法：setInterval(函数，时间)

     • 作用：每隔一定的时间就去执行函数中的代码 会执行多次

     • 使用场景：轮播图 倒计时 计时器 抽奖

          注意:定时器的时间单位是ms 1s = 1000ms

   2.延时定时器

      语法:setTimeout(函数,时间)

   3.间歇定时器

      语法：setInteral（函数，时间）

   4.清除定时器

  1、定时器一旦开始就不会自动结束,必须手动清除

• clearTimeout(定时器id) 手动清除延时定时器(很少用)

• clearInterval(定时器id) 手动清除间歇定时器

  2、定时器id: 每一个定时器在开始的时候，js都会返回一个能唯一标识当前定时器的id，默认都是从1开始

  3、定时器一旦停止就没有了，如果后续需要定时器 需要再次定义