码上敲享录 > js常见问题解答 > js实现点击按钮后变灰不可再点并进入倒计时

js实现点击按钮后变灰不可再点并进入倒计时

上一章章节目录下一章 2019-06-04已有3372人阅读 评论(0)

js实现点击按钮后变灰不可再点并进入倒计时


解决方法:

1. 核心方法

function excelConfirm(time,title){

var btn = $("#sendButton1");

btn.attr("disabled", true);  //按钮禁止点击

btn.val(time <= 0 ? title : (title+"(" + (time) + ")"));

btn.val(title+"(" + (time--) + ")");

var hander = setInterval(function(){

 if(time <= 0){

 clearInterval(hander); //清除倒计时

 btn.val(title);

 btn.attr("disabled", false);

 return false;

 }else{

  btn.val(title+"(" + (time--) + ")");

 }

}, 1000);

}


2.用法

点击导出按钮后按钮不可再点并进入10秒倒计时,时间到了才可以再次导出

excelConfirm(10,"导出");//其中导出是你的按钮名称,10是倒计时的时长(秒)


向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
4

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交