0404 定时器、事件

定时器

格式：定时器(执行的动作，时间(毫秒))；

返回值：定时器对象　　//第几个

var aa = setInterval(function(){},1000);　　//间隔执行；清除：clearInterval(第几个定时器/aa);

setTimeout(function(){},1000);　　//延迟执行；清除：clearTimeout();

在定时器中调用方法：setTimeout(aa,1000);　　//直接写方法名，不加小括号。

如果定时器需要多次定义（比如轮播图的鼠标移开开始定时器）,可以先定义定时器为空，用到的时候s = setInterval(aa,1000);

 1 //定义背景图片路径数组
 2 var imgArr = ['url(image/tu1.png)','url(image/tu2.png)','url(image/tu3.png)','url(image/tu4.png)'];    
 3 //找到轮播图所在的div
 4 var obj = document.getElementById('lunbo');
 5 //用来控制次数
 6 var num = 0;
 7 setInterval(function(){
 8     if(num == 4){
 9         num = 0;
10     }
11     //更改背景图片路径
12     obj.style.backgroundImage = imgArr[num];
13     num++;
14 },1000);

简易轮播图

事件

给对象添加事件

1.obj.addEventListener('click',aa)

　　//‘click’:事件类型；加引号，全部小写，区别于html不带‘on’；  

 

　　//aa:方法名，不带括号，不可传值。

　　//可直接使用this

2.obj.setAttribute('onClick','delTr(this)');

 

　　//‘onClick’:事件类型；加引号，按html规范写；  

 

　　//aa:方法名，带括号，可以传值。

 

　　//不能使用this，必须有this传值才可直接使用

转载于:https://www.cnblogs.com/flypea93/p/8715999.html