戳下方图片，输入暗号【面试宝典】即可免费领取107页前端面试题。
定时器
在 js 里面，有两种定时器，倒计时定时器 和 间隔定时器，倒计时定时器也叫一次性定时器或者叫延时定时器，间隔定时器也叫间歇定时器或者叫反复性定时器
倒计时定时器
倒计时多少时间以后执行函数
语法：(要执行的函数，多长时间以后执行)
会在你设定的时间以后，执行函数
var timerId = setTimeout(function () {
console.log('我执行了')//1秒后执行我执行了 只执行一次
}, 1000)
console.log(timerId) // 1 这个1说明页面上只有一个定时器
时间是按照毫秒进行计算的，1000 毫秒就是 1秒钟，所以会在页面打开 1 秒钟以后执行函数，只执行一次，就不在执行了js定时器，返回值是，当前这个定时器是页面中的第几个定时器
间隔定时器
每间隔多少时间就执行一次函数
语法：(要执行的函数，间隔多少时间)时间和刚才一样，是按照毫秒进行计算的
var timerId = setInterval(function() {
console.log('我执行了')//间隔1秒执行一次 我执行了
}, 1000)
console.log(timerId);//1 这个1说明页面上只有一个定时器
每间隔 1 秒钟执行一次函数，只要不关闭，会一直执行，返回值是，当前这个定时器是页面中的第几个定时器。
定时器的返回值
设置定时器的时候，他的返回值是部分 和 的，只要有一个定时器，那么就是一个数字
var timerId = setTimeout(function () {
console.log('倒计时定时器')
}, 1000)
var timerId2 = setInterval(function () {
console.log('间隔定时器')
}, 1000)
console.log(timerId) // 1
console.log(timerId2) // 2
JS的异步代码执行机制
同步
代码从上到下依次执行, 上一行没有执行完毕, 下一行不会开始
异步
当 js 遇到异步代码的时候, 会先拿出来, 放在异步队列内等待, 暂时不执行，因为 js 是一个单线程的代码, 同时只能做一个事情。
同步和异步的执行时间
同步代码优先执行，执行完了同步代码以后在去执行异步代码js定时器，异步代码在宿主环境中执行 执行完毕以后存放到任务队列中，同步代码执行完毕以后时间循环机制Event loop回去任务队列中调用异步代码，把异步任务添加到执行栈中进行执行。
console.log('start') // start 第一打印出來的
setTimeout(function() {
console.log('timeout') //timeout 最后打印出來的
}, 0)
console.log('end')//end 第二打印出來的
近期课程上新：
HTML5+CSS基础||计算机基础
Vue2.0+Vue3.0|微信小程序|微信公众号开发|Node.js|node.JS后端|React基础|React项目|基础|高级
Vite2|教程|Node.JS| |Mpvue教程
限时特惠:本站持续每日更新海量各大内部创业课程，一年会员仅需要98元，全站资源免费下载
点击查看详情
站长微信:Jiucxh
