效果图如下

话不多说,直接上代码
js内容

<script type="text/javascript">

	$(document).ready(function() {
	
		var o=$("#btn_msg");
		time(o);
	});
	var wait=2;
	function time(o){
		if (wait == 0) {
			o.removeAttr("disabled");
			o.val("下一步");  
		  } else {
			   o.attr("disabled", true);
			   o.val(wait);  
			   wait--;  
			   window.setTimeout(function() {  
			   	 	time(o)  
		   		},1000)  
		  }
	}

下面是按钮是设置

<input type="button" class="button" id="btn_msg" disabled="disabled" onclick="next()" value="下一步" />

更多推荐

jsp实现,按钮倒计时,倒计时结束后才能点击,并跳转下一页