js 定时器有以下两个方法:
定时器:时间概念
setInterval( 函数, 毫秒 ); 重复执行(发动机)
setTimeout( 函数, 毫秒 ); 执行一次(炸弹)
一.相同点:
1.语法一样(里面放的都是要调用的函数后要执行的 JavaScript 代码串和在执行代码前需等待的毫秒数。)
setInterval( 函数, 毫秒);
setTimeout( 函数, 毫秒 );
1. i = 0;
function fn1(){
i++;
document.title = i;
}
setInterval( fn1, 200 );//放的是调用的函数和毫秒数。
2.function fn1(){
i++;
document.title = i;
}
setTimeout( fn1, 200 ); //放的是调用的函数和毫秒数。
2.关闭定时器(clearInterval)
有开启就有关闭,关闭定时器的方法:clearInterval();
语法:clearInterval(id_of_setinterval);
var timer = setInterval( 函数, 毫秒 );
clearInterval( timer ); // 清除
var timer = setTimeout( 函数, 毫秒 );
clearTimeout( timer ); // 清除
1. i = 0;
var timer = null;
function fn1(){
i++;
document.title = i;
if( i === 10 ){
clearInterval( timer );
}
}
timer = setInterval( fn1, 200 );
二.不同点:
1.执行方式不一样:
1.setInterval( 函数, 毫秒 ); 重复执行(发动机)
2.setTimeout( 函数, 毫秒 ); 执行一次(炸弹)
1.function fn1(){
i++;
document.title = i;
}
setInterval( fn1, 200 ); // 结果:12345678......
2.function fn1(){
i++;
document.title = i;
}
setTimeout( fn1, 200 ); // 结果:只显示一个1。
分享技术,分享快乐!