一、一次性延时器(只能用一次)
setTimeout(参数一,参数二)
参数一:需要执行的具体功能的函数
参数二: 延迟时间(单位是毫秒)
清楚延时器 setTimeout(参数一) 传入的参数是你要清除的延时器对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//setTimeout 延时 延时器
//参数一:需要执行的具体功能的函数
//参数二: 延迟时间(单位是毫秒)
console.log(1111);
//匿名函数的调用
window.setTimeout(function(){
console.log('延迟执行');
},2000)
//调用函数 注意不要加括号
setTimeout(timeFun,20000);
function timeFun(){
console.log('延迟执行222')
}
//清楚延时器 传入的参数是你要清除的延时器对象
var timer=setTimeout(function() {
console.log(222)
}, 1000);
clearTimeout(timer);
</script>
</body>
</html>
循坏延时器(每隔一个时间所执行的函数)
setInterval(参数一,参数二)
参数一:需要执行的具体功能的函数
参数二: 延迟时间(单位是毫秒)
清楚延时器 clearInterval(参数一) 传入的参数是你要清除的延时器对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//循坏延时器 每个时间段执行函数
setInterval(function(){
console.log(666)
},1000)
var count=10;
var clear= setInterval(function(){
console.log(count);
count--;
if(count==0){
//清楚定时器 参数 是循坏延时器的对象
clearInterval(clear);
console.log('倒计时结束');
}
},1000)
</script>
</body>
</html>