一次性延时器和循坏延时器

最新推荐文章于 2024-08-18 10:54:05 发布

代代烧烤

最新推荐文章于 2024-08-18 10:54:05 发布

阅读量70

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_65916942/article/details/134476932

版权

一、一次性延时器（只能用一次）

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>

代代烧烤

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
一次性延时器和循坏延时器

清楚延时器 clearInterval（参数一）传入的参数是你要清除的延时器对象。清楚延时器 setTimeout（参数一）传入的参数是你要清除的延时器对象。//清楚定时器参数是循坏延时器的对象。//清楚延时器传入的参数是你要清除的延时器对象。//循坏延时器每个时间段执行函数。//参数二：延迟时间(单位是毫秒)//参数一:需要执行的具体功能的函数。setTimeout(参数一，参数二)参数一:需要执行的具体功能的函数。参数一:需要执行的具体功能的函数。
复制链接

扫一扫