setTimeout定时器写的防抖动

最新推荐文章于 2024-03-08 17:14:19 发布

杨家八公子

最新推荐文章于 2024-03-08 17:14:19 发布

阅读量1k

点赞数

分类专栏： js css css3

本文链接：https://blog.csdn.net/jerryyang_2017/article/details/80854604

版权

js 同时被 3 个专栏收录

47 篇文章 3 订阅

订阅专栏

css

10 篇文章 0 订阅

订阅专栏

css3

7 篇文章 0 订阅

订阅专栏

 <input type="text" id='demo'/>
    <span id='show'></span>
    <br>
    <input type="text" id='demo2'/>
    <span id='show2'></span>
    <script>
        function debounce (func, delay) {
            var timer;
            return function () {
                var context = this, args = arguments;
                clearTimeout(timer);
                timer = setTimeout(function () {
                    func.apply(context, args);
                }, delay);
            }
        }
        function update (e) {
            show.innerText = this.value;
        }
        function update2 () {
            show2.innerText = this.value;
        }
        demo.oninput = debounce(update, 300);

        demo2.oninput = debounce(update2, 600);