0
点赞
收藏
分享

微信扫一扫

定时器的基础知识

伽马星系 2022-04-04 阅读 53

1. 定时器

1-1. 开启定时器

setTimeout(函数, 数字ms单位) 只执行一次,倒计时 (炸弹定时器)

setInterval(函数, 数字ms单位) 间隔定时器, 每间隔指定毫秒, 执行一遍函数

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var t1=setTimeout(function( ){

console.log( '我是炸弹定时器')
},5000)

var t21=setInterval(function( ){

console.log( '我是延时定时器')
},1000)


</script>

</body>
</html>

1-2. 定时器返回值

+ 不区分定时器种类 //  只是表示是当前页面上的第几个定时器  (下图1和2)

+ 作用: 用来关闭定时器使用的

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var t1=setTimeout(function( ){


},5000)
console.log(t1)

var t21=setInterval(function( ){


},1000)
console.log(t21)

</script>

</body>
</html>

1-3. 关闭定时器

+ 语法:

clearTimeout(定时器返回值)    clearInterval(定时器返回值)

 不区分定时器种类 ///只要给出的定时器返回值是对的, 就可以正常关闭


举报

相关推荐

0 条评论