公司最近出了一个抽奖活动,由于加载页面有一定的时间,所以就做了刚进页面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);
};