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查看执行顺序。

更多专业前端知识,请上 【猿2048】www.mk2048.com

js setTimeout和setInterval区别相关推荐

  1. JS setTimeout和setInterval的区别

    1.setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直 ...

  2. setTimeout和setInterval区别,以及定时器的传参功能

    setTimeout和setInterval都属性Javascript中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterva ...

  3. JS setTimeout 与 setInterval

    事件流逝触发的事件 这类事件不是基于用户针对可见Web页面元素执行的行为,而是基于时间的流逝. 和JavaScript中所有其他事件一样,这些时间流逝事件也是由函数处理的. setTimeout() ...

  4. javascript setTimeout 和 setInterval 区别

    [setTimeout] setTimeout(表达式,延时时间) 在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数 是一次 用setTimeout实现的自动变化显示随机数的效果: & ...

  5. 前端面试问到setTImeout与setInterval区别

    基础知识 setTimeout 超时调用,超过时间T,就执行fn setInterval 间歇调用,调用周期t,执行fn 相同点 二者调用后均返回数值ID,可以用来取消. 清除setInterval比 ...

  6. setTimeout()与setInterval()区别

    setTimeout() 定义 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. 语法 setTimeout(code,millisec) 参数 描述 code 必需.要调用的 ...

  7. setTimeOut与 setInterval区别

    当调用 windows.setTimeOut("add()",3000); 意味着 3秒之后调用add()方法 调用       window.setIn terval(" ...

  8. css中.prepend,js prepend() 和append()区别

    prepend() 方法在被选元素的开头(仍位于内部)插入指定内容. prepend() 语法:$(selector).prepend(content) 或 $(selector).prepend(f ...

  9. js定时器setTimeout和setInterval用法及区别,清除定时器的使用

    setTimeout和setInterval使用方法 定时器两个参数,第一个是执行代码,第二个是执行时间.执行时间自己随便设置,执行代码有以下几种方式传入: 1.匿名函数形式传入 setTimeout ...

最新文章

  1. redis3.0.0 集群安装详细步骤
  2. python图像变形
  3. VMware Workstation 10装Mac OS X 10.9
  4. Nginx 配置TCP和UDP负载均衡
  5. 阿里专家杜万:Java响应式编程,一文全面解读
  6. 计算机输入输出c语言,计算机等级考试二级C语言讲义第三讲输入输出函数
  7. arm汇编指令WFI和WFE
  8. python 运维管理架构_企业运维监控平台架构设计与实现(ganglia篇)
  9. 计算机犯罪法律,计算机犯罪的构成要件
  10. 电动汽车真的省钱吗?
  11. Spark内核解析之一:内核概述
  12. 斯坦福大学CS143编译原理课程笔记:2.编译器结构
  13. python---Unicode编码问题
  14. 寻找关键之年的榜样和标准
  15. CSDN博客代码高亮显示
  16. MAC下 安装sqlmap教程
  17. 中国农村统计年鉴合集(1985-2019年)
  18. Python数据爬虫学习笔记(11)爬取千图网图片数据
  19. 利用python画圆
  20. Winodws 7 专业番茄花园版 v 1.0

热门文章

  1. php ajax 更改状态,phpajax实现无刷新获取天气状态_PHP教程
  2. java注解的反射_Java注解与反射
  3. 问题 1051: [编程入门]结构体之成绩统计2
  4. beta冲刺(1/7)
  5. CMDB学习之三数据采集
  6. ]remove-duplicates-from-sorted-list-ii (删除)
  7. GetSystemInfo()
  8. 数据仓库建设中的数据建模方法(转)
  9. js中四种创建对象的方式
  10. Netty writeAndFlush() 流程与异步