Javascript:定时器-间歇函数
开启定时器:
setInterval(函数, 间隔时间)
每间隔一段时间调用这个函数。间隔时间的单位是毫秒。
定时器返回的是一个id数字。
关闭定时器:
let 变量名 = 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(函数, 间隔时间)
setInterval(function () {
console.log('一秒执行一次')
}, 1000)
</script>
</body>
</html>
示例:开启定时器,执行的函数使用具名函数
<!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>
function fn() {
console.log('一秒执行一次')
}
// setInterval(函数名, 间隔时间),函数名后面不要加小括号,不能写为setInterval(fn(), 1000)
setInterval(fn, 1000)
</script>
</body>
</html>
示例:开启定时器,执行的函数使用具名函数,函数名后面加小括号(很少使用)
<!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>
function fn() {
console.log('一秒执行一次')
}
// 如果函数名后面跟小括号,必须用引号包裹。但这种使用方法很少见
setInterval('fn()', 1000)
</script>
</body>
</html>
示例:关闭定时器
<!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>
function fn() {
console.log('一秒执行一次')
}
let n = setInterval(fn, 1000)
console.log(n)
// 关闭定时器
clearInterval(n)
</script>
</body>
</html>