js setTimeout和setInterval區別
阿新 • • 發佈:2018-10-10
font device mic inter out edge UNC port ini
1、區別
2、示例代碼
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title> js setTimeout和setInterval區別</title>
</head>
<body>
<script type="text/javascript">
let scriptBegin = Date.now();
//fun1();
fun2();
//需要執行20ms的程序
function act(functionName) {
console.log(functionName, Date.now() - scriptBegin);
let begin = Date.now();
while(Date.now() - begin < 20);
}
// function fun1 () {
// let fun3 = ()=>{act(‘fun3‘)}
// setTimeout(fun3,20);
// act(‘fun1‘)
// }
function fun2() {
act(‘fun2-1‘)
let fun4 = () => {
act(‘fun4‘)
}
setInterval(fun4, 20);
act(‘fun2-2‘)
}
</script>
</body>
</html>
註:可以分別執行fun1和fun2查看執行順序。
js setTimeout和setInterval區別