js定时器

js定时器_第1张图片

获取元素:

document.getElementById('id');

document.getElementsByTagName('标签');

document.body

事件:

onclick

onmouseover

onmouseout

onchange  select    option  value

操作谁 给谁加

函数:

function aaa(参数1....){}

aaa(参数1....)

取名字:

a  多个对象

o  单个对象

i  s  n

判断:流程控制语句

if else

switch

if(条件){语句1}else{语句2}

条件?语句1:语句;

if(条件){语句1}

条件&&语句1;

数据类型:

Number

String

boolean

object

function

undefined

global

typeof  检测数据类型

类型转换

字符串转成数子 显式类型转换  强制类型转换

parseInt    字符串 转换成整数

parseFloat  字符串 转换成浮点数

Number('') 比较严格 转成数字

isNaN      非数字

NaN==NaN

隐式转换:

''+0

真:

true  非空字符串  非0数字  非空对象

假:

false  0  null  undefined  NaN  ''

循环:

i=i+1;

i+=1;

i++;

for

while(条件){

//代码

break;中断本次执行

continue; 跳过本次

}

字符串拼接:

'+变量+'

字符串  不能换行

+

\

``  ${变量}

()提升优先级

web分离  样式  结构  行为

逻辑运算符:

&&

||

赋值运算符:

=

+=

-=

*=

/=

%=

比较运算符

> <    <=  >=    ==  ===  !==  !=

作用域:

局部变量  自己域用

全局变量  在那都能用

闭包   子函数能用父函数的变量

数组:Array

length  个数  从1开始

[] 下标  从0开始

push    从后面加入一个内容

操作表单:  value

操作非表单:innerHTML  文本/标签

随机数:

Math.random()  0-1

function demo(n,m){

return parseInt(Math.random()*(m-n)+n);

}

undefined:

1.声明变量没有赋值

2.访问不存在的属性

3.调用的时候没有传入参数

return

1.可以返回任何内容

2.阻断 它后面的代码执行

3.没有返回值  返回undefined

. []  标示符  表达式

非行间样式:

function demo(obj,sName){

return obj.currentStyle?

obj.currentStyle[sName]:

getComputedStyle(obj,false)[sName];

}

没有属性 undefined

没有函数 报错

定时器:

var timer=null;

timer=setInterval(function(){

},1000)

setInterval(aaa,1000)

clearInval(timer)

timer=setTimeout(function(){

},1000)

clearTimeout(timer)

this:谁出发就是谁

eval:把字符串解析成js可以理解的程序

==========================================

双色球:

秒表:

延迟选项卡:

注意:

this:当前发生事件元素

定时器里面不能用this  this会变成window

解决方法:

var _this=this;

文字时钟:

日期对象  里面装着日期时间

var oDate = new Date()

获取年  oDate.getFullYear();

获取月 oDate.getMonth();      比当前月小1,需要+1  是0开始

获取天 oDate.getDate();

获取星期 oDate.getDay();      星期日是0      也是从0开始

日 一 二 三 四 五 六

0  1  2  3  4  5  6

获取小时  oDate.getHours();

获取分钟  oDate.getMinutes();

获取秒数  oDate.getSeconds();

图片时钟:

var str = 'abc';

str[下标];  不兼容ie6,7

str.charAt(下标) 获取某一位置的字符

事件:

onmouseover

onmouseout

onclick

onchange

onmousedown  鼠标按下

onmouseup    鼠标抬起

倒计时:

var oDate=new Date();

oDate.getTime(); 时间戳

格林威治时间戳

1970年1月1日  0:0:0:0

从1970年1月1日0点0分0秒0毫秒一直到现在所经历过的毫秒数

1437459829777

获取到目标日期的时间戳(先设置,在获取)

获取到当前的时间戳

时间差=目标时间戳-当前时间戳

时间差(ms)

时间差(s) = parseInt(时间差/1000);

日期对象设置

设置年月日  oDate.setFullYear(y,m,d);

比现实月小1,设置的时候月份要-1

设置时分秒毫秒

oDate.setHours(h,m,s,ms);

自动播放选项卡:

选项卡重用加定时器

now=this.index

tab()

qq提示资料框:

事件连等

你可能感兴趣的:(js定时器)