按钮倒计时.js,.jsp

<script src="../common/javascript/jquery-1.7.2.js"></script>
<SCRIPT src="xxxxxxx.js" ></SCRIPT>    

<INPUT VALUE="导出清单" id="a" class=cssButton TYPE=button onclick="upload(); startCountdown();" />

 xxxx.js文件

function upload(){
	
	
	 xxxxxxx
	 
}
//点击一次之后暂停2秒才能点击第二次
function startCountdown(){
//这个也能实现,但是按钮只是变为不可用
//	document.getElementById('a').disabled = true;
//  
//	setTimeout(function() {
//	    // 这里是延迟3秒后执行的代码
//	    console.log('3秒已过');
//	    // 你可以在这里设置元素的状态
//	    var element = document.getElementById('a');
//	    if (element) {
//	        element.disabled = false; // 或者其他操作
//	    }
//	}, 3000); 


//----------------点击之后可以出险倒计时----------------------------------------
	var button = document.getElementById('a');
    var countdown = 2; // 倒计时秒数
    button.disabled = true; // 点击后禁用按钮

  var interval = setInterval(function() {
      button.value = "导出清单("+countdown+")"; // 显示当前倒计时
      countdown--; // 倒计时递减

      if (countdown < 0) {
          clearInterval(interval); // 清除倒计时
          button.value = "导出清单"; // 恢复按钮文本
          button.disabled = false; // 重新启用按钮
      }
  }, 1000); // 每秒更新一次
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值