<!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></body>
<script>
let i = 1;
//定义一个变量,这个变量是初始值
function dayin(str) {
document.write(i, str + "<br>");
i++; //步长
} //声明一个封装函数,在下面要调用这个函数
let myVar = null;
//声明一个空变量,在下面函数中要用到,相当于定时器的开关
myVar = setInterval(() => {
//声明一个带定时器的函数,函数间隔1秒执行一次,1000毫秒=1秒;
dayin("小杨"); //调用封装函数
if (i == 10) clearInterval(myVar); //判断如果等与10就清除定时器
}, 2000); //函数执行间隔的时间是2秒
//页面显示的是==>>1小杨2小杨3小杨4小杨5小杨6小杨7小杨8小杨9小杨
</script>
</html>
运行结果