js基础编程-题目6 *定时器＜--＞延时器

柳晓黑胡椒

于 2021-11-11 10:05:16 发布

阅读量189

点赞数

CC 4.0 BY-SA版权

分类专栏： # js编程题文章标签： javascript es6 开发语言

柳晓黑胡椒

本文链接：https://blog.youkuaiyun.com/hr_beginner/article/details/121262104

js编程题专栏收录该内容

29 篇文章

订阅专栏

本文分享了如何使用JavaScript的setTimeout来实现setInterval的功能，以及如何用定时器模拟延时器。通过递归调用来保持定时任务的执行，并提供了停止定时器的方法。深入理解JavaScript定时器对于前端开发者来说至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

整理下初学时做过的js基础编程题目和大家分享以下，如果大家觉得有用，别忘了点一下赞哦

定时器

用setTimeout实现setInterval

这里需要用到递归，就是一个延时器走完了，要接上下一个延时器

function mySetInterval(fn,delay,timer=null){
  const interval =()=>{
    fn()
    timer = setTimeout(interval,delay)
  }
  setTimeout(interval,delay)
  return { //通过stop清楚定时器
    stop:()=>{
      clearTimeout(timer)
    }
  }
}

这里扩展下

用定时器实现延时器

function mySetTimeout(fn,delay,timer=null){
  timer = setInterval(()=>{
    fn()
    clearInterval(timer)
  },delay)
}