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

1.获取行间样式

标签.style.样式名如果样式名是-链接使用驼峰命名例如font-size fontSize
==标签.style.样式名只能获取行间样式==

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

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

window.getComputedStyle(标签).样式名
IE低版本浏览器(IE5-8)

标签.currentStyle.样式名

3.函数封装

函数封装的步骤

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

4.代码复用

什么时候使用代码复用

功能一样结构一样的使用用for循环不好实现的时候
代码复用的实现步骤
- 把这个功能先当成一组去实现里面的标签都是通过父元素获取
- 先去实现一组的功能
- 把这一组功能放入到函数中把父元素作为参数
- 调用测试

5.定时器

1 定时器介绍

定时器的分类
- 延时定时器
  - 语法: setTimeout(函数，时间)
  - 作用：延迟一定的时间再去执行函数里面的代码，只会执行一次
  - 使用场景：广告弹窗
- 间歇定时器
  - 语法：setInterval(函数，时间)
  - 作用：每隔一定的时间就去执行函数中的代码会执行多次
  - 使用场景：轮播图倒计时计时器抽奖

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

2.延时定时器

语法:setTimeout(函数,时间)

3.间歇定时器

语法：setInteral（函数，时间）

4.清除定时器

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

clearTimeout(定时器id) 手动清除延时定时器(很少用)
clearInterval(定时器id) 手动清除间歇定时器

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

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

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

JS(函数返回值、获取非行间样式、函数封装、函数复用、定时器)
// 函数返回值 // 什么时候需要用:函数外想要使用内部的数据的时候 // 语法: return 返回值 // 1.返回回函数里的值 function fun1 (){ var a = 1; ret ...
JS一起学05：Date对象、封闭空间、函数传参和封装、获取非行间样式、字符串操作
一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1 获取月份 0-11----->1-12 oDate.getDate() 获 ...
python中组合数据类型、函数和代码复用的难点_Python电子教案5-2 函数和代码复用...
<Python电子教案5-2 函数和代码复用>由会员分享,可在线阅读,更多相关<Python电子教案5-2 函数和代码复用(56页珍藏版)>请在人人文库网上搜索. 1.七段数码 ...
python函数是一段具有特定功能的语句组_Python学习笔记(五)函数和代码复用
本文将为您描述Python学习笔记(五)函数和代码复用,具体完成步骤: 函数能提高应用的模块性,和代码的重复利用率.在很多高级语言中,都可以使用函数实现多种功能.在之前的学习中,相信你已经知道Pyth ...
第 5 章函数和代码复用
整理的文章内容主要来源为高教版<计算机等级考试二级 Python>教程视频讲义,并且更正了原讲义中的错误的地方. 专栏文章索引如下: 考试大纲第 1 章程序设计基本方法第 2 章 P ...
Python基础（三）_函数和代码复用
三:函数和代码复用 (一)函数的基本使用 1.函数的定义函数是一段具有特定功能的.可重用的语句组,用函数名来表示并通过函数名进行功能调用.函数也可以看作是一段具有名字的子程序,可以在需要的地方调用执 ...
javascript-数据类型,json与数组,获取非行间样式
一.javascript组成: 1.ECMAScript 解释器 2.DOM (文档对象模型:document object model) document 3.BOM(浏览器对象模型:brow ...
js获取非行间样式--有bug，忧伤
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
第五章函数和代码复用
第五章函数和代码复用 5.1 函数的基本使用 5.1.1 函数的定义定义:函数是一段具有特定功能的.可重用的语句组,用函数名来表示并通过函数名进行功能调用. 使用函数的目的:降低编程难度和代码重用 ...

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

1 定时器介绍

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

最新文章

热门文章

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

1 定时器介绍

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

最新文章

热门文章

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

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