定时器
在js原生中我们先来一段常用的定时器代码
let timerId = setTimeout(function () {
//想要实现的功能
}, 1000)
setTimeout 这是一个定时器函数。它需要两个参数,第一个参数是回调函数,第二个参数是每隔多长时间执行一次,这个的单位为纳秒(1秒=1000纳秒). 根这个函数配合使用的还有 clearTimeout(timerId), 这个函数主要是用于清除定时器,这里参数是定时器赋给的变量。(** 定时器往往会设定一个判定条件来清除它, 如果不设置,就是死循环,根据不同的需要来设置就好了)。
延迟函数
我是比较喜欢用这个函数的,因为在js原生中和vue的钩子函数中都是一个不错的选择。 先来一段基础语法
let timerId=setTimeout(() => {
//想要实现的功能
}, 1000);
setTimeout 这个函数和 setTimeout 基本一样的。它也有两个参数,第一个参数是回调函数,第二个参数是延迟多少秒触发这个回调函数。 根这个函数配合使用的还有 clearTimeout(timerId),这个函数主要是用于清除定时器,它和定时器的清除函数用法一致(比如用户进入网站10分钟还没有登录就提示用户登录,如果登录就在还没有出这个延迟函数时就清除它) js主要是功能的实现,有同步执行和异步时间。延迟函数可以丰富用户的交互,提高用户体验。用于触发一些提示信息。在vue项目进程中,组件的异步请求在加上组件之间的传值,会有取不到值的情况,这个时候我们需要延迟函数来推迟一下组件的声明进程