倒计时,js禁用<a>标签按钮10秒

方式一:禁用10秒,10秒钟后可用
/按钮禁用10秒/

function disabledSubmitButton(submitButtonName){
    
    
    $("#"+submitButtonName).attr({
    
    "disabled":"disabled"});     //控制按钮为禁用
    var timeoutObj = setTimeout(function () {
    
    
        $("#"+submitButtonName).removeAttr("disabled");//将按钮可用
        /* 清除已设置的setTimeout对象 */
        clearTimeout(timeoutObj)
    }, 10000);
}

方式二:禁用10秒,10秒钟后可用,且有倒计时提示

/*按钮禁用10秒,并显示倒计时*/
function disabledSubmitButton02(submitButtonName, submitButtonText){
    
    
    $("#"+submitButtonName).attr({
    
    "disabled":"disabled"});     //控制按钮为禁用
    var second = 10;
    var intervalObj = setInterval(function () {
    
    
        $("#"+submitButtonName).text(submitButtonText + "(" + second + ")");
        if(second == 0){
    
    
            $("#"+submitButtonName).text(submitButtonText);
            $("#"+submitButtonName).removeAttr("disabled");//将按钮可用
            /* 清除已设置的setInterval对象 */
            clearInterval(intervalObj);
        }
        second--;
    }, 1000 );
}

倒计时3秒

var countdown=3;
function settime(y,m,fid) {
    
    
     console.log(countdown);
     if (countdown == 0) {
    
    
     
         countdown = 3;
     } else {
    
    

         countdown--;
     }
     setTimeout(function() {
    
    
         settime()
     },1000)
}

时间间隔5秒

var nowTime = new Date().getTime();
var clickTime = $(this).attr("ctime");
if (clickTime != 'undefined' && (nowTime - clickTime < 5000)) {
    
    

}
else {
    
    
       $(this).attr("ctime", nowTime)
}

猜你喜欢

转载自blog.csdn.net/xcbzsy/article/details/109741716