JavaScript自定义延迟函数sleep(delay)，以及循环中带延迟

最新推荐文章于 2024-05-27 09:32:47 发布

qq_43435123

最新推荐文章于 2024-05-27 09:32:47 发布

阅读量4.3k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/qq_43435123/article/details/105536925

版权

本文探讨了JavaScript中实现延迟函数sleep()的两种方法，包括循环空代码和使用定时器，并通过测试分析了它们在多任务和单步执行时的性能表现。使用定时器的sleep()函数虽然减少了运算量，但灵活性较低，而基于循环的实现则可能导致严重的系统资源占用。

摘要由CSDN通过智能技术生成

@[TOC](JS自定义延迟函数sleep())

首先测试网上看到的循环空代码的方式

单步延迟

主要代码：

    function sleep(delay) {
   
        let endTime = new Date().getTime()+parseInt(delay);
        while (new Date().getTime() < endTime );
    }

全部代码：

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>测试sleep</title>
</head>
<script>
    function Test(){
    
        console.log("开始运行");
        sleep(20000);//等待20秒
        console.log("运行结束");
    }
    function sleep(delay) {
    
        let endTime = new Date().getTime()+parseInt(delay);
        while (new Date().getTime() < endTime );
    }
</script>
<body>
    <input type="button" value="Test" onclick="Test()">
</body>
</html>

结果：

循环延迟：

主要代码：

    function sleep(delay) {
   
        let endTime = new Date().getTime()+parseInt(delay);
        while (new Date()<

最低0.47元/天解锁文章

qq_43435123

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
JavaScript自定义延迟函数sleep(delay)，以及循环中带延迟

@[TOC](JS自定义延迟函数sleep())首先测试网上看到的循环空代码的方式单步延迟主要代码： function sleep(delay) { let endTime = new Date().getTime()+parseInt(delay); while (new Date().getTime() < endTime ); }...
复制链接

扫一扫