分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js setTimeout和setInterval区别

发布时间:2023-09-06 02:17责任编辑:熊小新关键词:js

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区别

原文地址:https://www.cnblogs.com/mengfangui/p/9765539.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved