js限制按钮几秒后可以点击

公司最近出了一个抽奖活动,由于加载页面有一定的时间,所以就做了刚进页面3秒后才能点击按钮去抽奖,点击一次按钮后7秒后才能再次点击 ,下面直接上代码

window.onload = function() {
    var delayTime = "";		//定义delayTime
    var fun = function Click(){
        clearTimeout(onloadDelayTime);	//清除定时器
        $(".press1").removeClass("disabled");	//css给div加限制点击 .disabled {pointer-events: none;}
        $('.press1').click(function(){
            $(".press1").addClass("disabled");

        })
        delayTime = setTimeout(fun,7000);	//每次点击7秒后才能再次点击
    };
    var onloadDelayTime = setTimeout(fun,3000);	//刚进页面3秒之后才能点击
    clearTimeout(delayTime);	//清除定时器
};
window.onload = function() {
		var tiemer = "";
    	var time = 3000;//每次点击三秒后才能再次点击
    	var fun = function Click(){
			if(click){
				return false;
			}else{
				var userid = $('.userid').val();
				var reg = new RegExp("^[0-9]*$");
				$.get('/act/Isopen/',function(data){
					if(data == 1){
						layer.msg('未开放');return false;
					}else{
						if(!reg.test(userid) || (userid.length < 7 && userid.length > 0)){
							layer.msg('请正确填写7位游戏ID');return false;
						}else if(userid.length == 0){
							$('.userid').toggleClass('addBorder');
							layer.msg('当前游戏ID不能为空');return false;
						}
					}
				});
			}
			$(".draw-btn").unbind("click");
	        tiemer = setTimeout(function(){
	            $(".draw-btn").click(fun);
	        },time);
		};
		$(".draw-btn").click(fun);
    	clearTimeout(tiemer);
	};

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值