首页 > 其他分享 >防抖节流简单示例

防抖节流简单示例

时间:2022-12-13 16:22:58浏览次数:55  
标签:function 防抖 节流 示例 flag func var

 1 //节流    在规定时间内只会执行一次,若重复点击,只有一次执行
 2     //防抖      在规定时间后执行一次,重复点击,重新开始计时
 3     // ----------------------------------
 4     //节流
 5     function func(){
 6         console.log("节流")
 7     }
 8             var flag=true;
 9     function throttleFun(){
10         if(flag){
11             flag = false;
12             setTimeout(()=>{
13                 flag = true;
14                 func()
15             },2000)
16         }
17     }
18     // -------------------------------------
19     // 防抖
20     function func_(){
21         console.log("防抖")
22     }
23     var time;
24     function stabilizationFun(){
25         clearTimeout(time);
26         time = setTimeout(()=>{
27             var days = new Date()
28             var a= days.getHours();
29             var b= days.getMonth();
30             var c= days.getSeconds();
31             console.log(a+'时'+b+'分'+c+'秒');
32             func_();
33         },2000)
34     }

 

标签:function,防抖,节流,示例,flag,func,var
From: https://www.cnblogs.com/lisir-blogshare/p/16979143.html

相关文章

  • Springboot多数据源使用示例
    1、配置文件spring.datasource.url=jdbc:mysql://198.168.1.1:3306/user?useUnicode=true&characterEncoding=utf-8&autoReconnect=true&rewriteBatchedStatements=true&t......
  • jquery .dataTables使用ajax数据源小示例
    <scripttype="text/javascript"language="javascript"src="./plugins/jquery/jquery-1.12.4.min.js"></script><scripttype="text/javascript"language="javascript......
  • 字节流简述
    字节简述字节概述字节(byte)是计算机用于计量存储容量的一中计量单位。B(字节)KB(千字节)无论网络上两个终端需要传输什么数据,都需要传输二进制bit的数据。既然传输的都是b......
  • Mybatisplus-Generator代码生成器-简单示例
    简单示例importcom.baomidou.mybatisplus.annotation.FieldFill;importcom.baomidou.mybatisplus.annotation.IdType;importcom.baomidou.mybatisplus.core.toolkit.......
  • Elasticsearch使用示例
    简单示例importcn.hutool.core.bean.BeanUtil;importcom.baomidou.mybatisplus.extension.service.impl.ServiceImpl;importcom.mxy.common.core.entity.SysEsData;......
  • Flink 1.10 SQL、HiveCatalog 与事件时间整合示例
    Flink1.10与1.9相比又是个创新版本,在我们感兴趣的很多方面都有改进,特别是FlinkSQL。本文用根据埋点日志计算PV、UV的简单示例来体验Flink1.10的两个重要新特性:一......
  • C#11新特性-Raw string literals原始字符串研究、示例
    这几天看C#11的新语法,学习到了Rawstringliterals今天给大家分享一下:原始字符串是字符串的一种新格式。原始字符串可以包含任意文本,包括空格、新行、嵌入引号和其他特......
  • Linux 下的输入输出和重定向示例
    Linux下的输入输出和重定向示例作者:Grey原文地址:博客园:Linux下的输入输出和重定向示例CSDN:Linux下的输入输出和重定向示例说明Linux下的输入输出有如下三种形式......
  • JavaScript笔记 - 防抖与节流
    防抖与节流目录防抖与节流1.防抖2.节流在进行窗口操作或者输入框操作时,如果事件处理函数触发频率过高,会加重浏览器和服务器的负担。此时可以使用防抖和节流的方式来减......
  • okhttpClient 使用示例
    1@Autowired2privateOkHttpClientokHttpClient;34@PostMapping("testOkHttp")5publicResulttestOkHttp(@RequestParam("code")Stringco......