60秒倒计时按钮

本篇文章介绍一下用 jQuery 和 JavaScript 写一个60秒倒计时按钮。

这个实例适用于发送短信验证码和邮箱验证。下面直接看代码：

一、jQuery：

HTML代码：

获取验证码

jQuery代码：

$("#getPhoneCode").on("click",function(){
	
	var time = 60;

	timedown(time);
	//倒计时
	function timedown(time)
	{
		if(time=='undefined')
		time = 60;

		time = time-1;
		if(time>=0)
		{
			setTimeout(function(){
				timedown(time)
			},1000)
			$("#timedown").html(time+"秒后重新发送");
			$("#timedown").show();
			$("#getPhoneCode").hide();
		}else{
			//倒计时结束
			$("#getPhoneCode").html("重新发送");
			$("#getPhoneCode").show();
			$("#timedown").hide();
		}
	}
});

二、上面是 jQuery 写的方法，下面介绍用 JavaScript 的写法：

HTML代码：

JavaScript代码：

想看效果怎么样可以自己试试，个人觉得还是不错的，给按钮加上点样式会更好看哟。

如果你有更好的方法可以留下评论，期待与你交流，互相学习。