0404 定时器、事件

定时器

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

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

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

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

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

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

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

事件

给对象添加事件

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

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

 

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

　　//可直接使用this

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

 

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

 

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

 

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