定时器
格式:定时器(执行的动作,时间(毫秒));
返回值:定时器对象 //第几个
var aa = setInterval(function(){},1000); //间隔执行;清除:clearInterval(第几个定时器/aa);
setTimeout(function(){},1000); //延迟执行;清除:clearTimeout();
在定时器中调用方法:setTimeout(aa,1000); //直接写方法名,不加小括号。
如果定时器需要多次定义(比如轮播图的鼠标移开开始定时器),可以先定义定时器为空,用到的时候s = setInterval(aa,1000);
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
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传值才可直接使用