js 处理频繁点击

最新推荐文章于 2023-03-28 16:07:43 发布

qdyu00

最新推荐文章于 2023-03-28 16:07:43 发布

阅读量1.3k

点赞数

分类专栏： js 文章标签： function javascript button input date html

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

html 文件

<input type="button" id="btn" οnclick="frequentClick(this);" value="提交"/>

js文件

// JavaScript Document
 //存储变量信息
    var saveValue ={
        repeatTemp:[]
    }

    var COM = {
        repeat:function(s,t){//限制执行频率，默认为60秒 允许执行时返回false
            t = 2000;//毫秒
            var time = microtime();
                if(!saveValue.repeatTemp[s]){
                    saveValue.repeatTemp[s] = time;
                    return false;//允许
                }else{
                    var ts = t - (time - saveValue.repeatTemp[s]);
                    ts = parseInt(ts/1000);
					if(ts > 0){
						alert("频率限制：还有 "+ ts +" 秒才可以再执行！");
						return true;//禁止执行
					}else{
	
						saveValue.repeatTemp[s] = time;//更新时间
						return false;//允许
					}
            }
        }
    }

    //刷新
    function frequentClick(obj){
        var btn = COM.repeat(obj.id);
        if(!btn){
		//	alert("可以执行了！");
			}else{return;}
    }

    //获取毫秒级时间戳
    function microtime(){

        return new Date().getTime();
    }