定时器 : setInterval()
根据设定的时间间隔 , 每间隔一段时间 , 执行一次程序
设定的时间间隔单位是 毫秒 1秒 = 1000 毫秒
语法形式:
setInterval( function(){ 执行程序 } , 时间间隔 )
setInterval() 有两个参数
参数1 : 每次要执行的程序
可以是 一个匿名函数 在 匿名函数中 定要执行的程序
可以是 一个已经定义好的 函数的 名称
作用都是执行调用一个函数中的程序
这里 赋值的 匿名函数 或者 函数名称 称为 回调函数
在一个函数程序中 执行调用 另一个函数 称为 回调函数
只要是 回调函数,一定可以赋值 匿名函数 或者 函数名称
参数2 : 设定的时间间隔
单位是 毫秒
循环和定时器:
都是循环往复执行相同的程序内容
循环和定时器的区别
1.完成时间
循环是瞬间完成
定时器是 按照时间间隔执行程序
2.循环条件
循环有 判断进入循环条件, 不满足 停止循环
定时器是 只要不清除定时器,就会一直执行
// 回调函数位置 赋值 函数名称
// 第一个定时器 变量中 存储数值 1
var time1 = setInterval( fun1 , 1000 )
function fun1(){
console.log('我是第一个定时器输出的内容');
}
console.log( time1 ); // 1
// 回调函数位置 赋值 匿名函数
// 第二个定时器 变量中 存储数值 2
var time2 = setInterval( function(){ console.log('我是第二个定时器输出的内容') } , 1000 );
console.log( time2 ); // 2
清除定时器
clearInterval(调用 setInterval() 函数时所获得的返回值)
延时器 : setTimeout()
根据设定的时间间隔,延迟程序的执行
只能执行一次程序
语法形式:
setTimeout( function(){ 执行程序 } , 时间间隔 )
setInterval() 有两个参数
参数1 : 每次要执行的程序
可以是 一个匿名函数 在 匿名函数中 定要执行的程序
可以是 一个已经定义好的 函数的 名称
作用都是执行调用一个函数中的程序
这里 赋值的 匿名函数 或者 函数名称 称为 回调函数
在一个函数程序中 执行调用 另一个函数 称为 回调函数
只要是 回调函数,一定可以赋值 匿名函数 或者 函数名称
参数2 : 设定的时间间隔
单位是 毫秒
// 匿名函数形式
// 第二个定时器 变量中 存储数值 1
var time3 = setTimeout( function(){ console.log( '我是延时器1输出的程序' ) } , 3000 );
console.log( time3 ); //1
// 函数名称形式
// 第二个定时器 变量中 存储数值 2
var time4 = setTimeout( fun2(1,2) , 4000 );
function fun2(a,b){
console.log( '我是延时器2输出的程序'+a+'.'+b );
}
console.log( time4 ); //2
清除延时器
clearTimeout(调用 setInterval() 函数时所获得的返回值)
Comments | NOTHING