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

编程知识 行业动态 更新时间:2024-06-13 00:21:17

效果图如下

话不多说,直接上代码
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实现,按钮倒计时,倒计时结束后才能点击,并跳转下一页

本文发布于:2023-03-31 13:56:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/e6e30b6db3df1da7ec33e31bd085eb18.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:倒计时   下一页   跳转   按钮   结束后

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!