函数节流demo

最新推荐文章于 2022-01-12 21:15:32 发布

编号90015478

最新推荐文章于 2022-01-12 21:15:32 发布

阅读量295

点赞数

分类专栏： demo 文章标签： js函数节流demo

本文链接：https://blog.csdn.net/qq_20353887/article/details/82220597

版权

demo 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var  jlFn= function(fn, wait){
            var  stime = 0,etime;
            var  isPause = true;

            function result() {
                etime = Date.now();
                if (etime - stime < wait && isPause === true) {
                    return;
                } else {
                    fn()
                }
                stime = etime;
            }
            result.flash = function () {//立即执行，跳过节流
                fn()
            }
            result.pause = function () {//暂停节流
                isPause = true;
            }
            result.resume = function () {//恢复节流
                isPause = false;
            }
            return result;
        }

        function print() {
            console.log('print something')
        }
        var tPrint = jlFn(print,2000);
        setInterval(function(){
             tPrint ();
        })

    </script>
</body>
</html>