闹钟,设定到某个具体的时间执行;
定时器:倒计时,定时10秒钟,10秒后执行。
a. 执行一次的定时器
语法:var timeid = setTimeout(function_express, number); 第一个参数(function_express):预定的时间到后,需要执行的代码(匿名函数) 第二个参数(number):倒计时,设定多少时间后执行预定代码(单位:毫秒) 返回值(timeid):定时器对象
案例:定时弹广告的简单实现
setTimeout(function(){ //1. 修改准备好的html元素,把css的display属性,改成:block、 document.getElementById("ad").style.display="block"; // 再次一次性定时器,2秒之后,把属性改成:none setTimeout(function(){ document.getElementById("ad").style.display="none"; },2000); },2000);
b. 执行多次的定时器
语法var timeid = setInterval(function_express, number); 第一个参数(function_express):预定的时间到后,需要执行的代码 第二个参数(number):倒计时,设定多少时间后执行预定代码(单位:毫秒) 返回值(timeid):定时器对象 案例:轮播图的简单实现
var index =1; var arr=["pic/1.jpg","pic/2.jpg","pic/3.jpg"]; setInterval(function(){ // 体现对数组使用的理解 document.getElementById("bigimg_id").src = arr[index%3]; index++; },1000);
c. 清除定时器
语法clearInterval(定时器对象);