一个灰色倒计时按钮，倒计时结束显示“重新发送”的js

倒计时的按钮<input type="button" id="againSend" value="" οnclick="javascript:sendAgain();" style="border:1px solid black;color:red;” />

倒计时的js

<SCRIPT language=javascript>
<!--
 var secs = 120;
 var againSend = document.getElementById('againSend');
 againSend.disabled=true;
 for(i=1;i<=secs;i++) {
 window.setTimeout("update(" + i + ")", i * 1000);
 }
function update(num) {
 if(num == secs) {
 againSend.value ="重新发送";
 againSend.disabled=false;
 }
 else {
 printnr = secs-num;
 againSend.value = printnr+"秒后重新发送";
 }
}
//-->
</SCRIPT>

放到body中可以在进入页面的时候就开始倒计时，放到onclick的函数中可以点击时倒计时

效果如下图：

进入页面或点击“重新发送”时

 

倒计时结束后