利用ES6的generator写一个时间间隔递增的定时器

最新推荐文章于 2025-05-12 10:00:57 发布

十方魔

最新推荐文章于 2025-05-12 10:00:57 发布

阅读量2.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端/Javascript 文章标签： generator ES6 setTimeout 定时器 yield

本文链接：https://blog.youkuaiyun.com/github_36487770/article/details/79699841

本文介绍如何利用ES6的Generator函数创建一个时间间隔递增的定时器。通过yield关键字实现定时器在不同时间间隔打印数字，从1开始，每次间隔时间依次增加1秒。示例代码展示了一个封装的函数，运行结果显示存在少量误差，这是由于JavaScript引擎的单线程特性导致的。

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

任务是这样，定时器在0时刻打出1，然后隔1s打出2，隔2s打出3…….如此，时间间隔依次递增。

考虑用generator的 yield 功能来完成停顿。

talk is cheap, here’s the code.

function sleep(sleepTime){

    setTimeout( ()=>{

        it.next()   // 关键在于异步控制 iterator 的 下一步。每次都会在 yield 中 停顿。

    }, sleepTime )
}


function *main(){

    for(let i = 1; i < 10; i++){

        console.log(i)

        yield sleep