这篇文章主要介绍了关于用jquery实现六十秒倒计时，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
前端开发中经常用到的发送按钮倒计时，每次都是重写，挺麻烦的，记录一下，以后直接来复制代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
<title>60s倒计时</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<input type="button" value="邮箱验证码" onclick="sendVerificationCode(this)" />
<script type="text/javascript">
//发送验证码按钮的60s倒计时
var countdown = 60;
function sendVerificationCode(obj) {
if(countdown == 0) {
obj.removeAttribute("disabled");
obj.value = "重新获取";
countdown = 60;
return;
} else {
obj.setAttribute("disabled", true);
obj.value = "重新(" + countdown + ")";
countdown--;
}
setTimeout(function() {
sendVerificationCode(obj)
}, 1000)
}
</script>
</body>
</html>以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
Atas ialah kandungan terperinci 如何用jquery实现六十秒倒计时. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk menyambung asp untuk mengakses pangkalan data
acara oncontextmenu
Apakah perisian lukisan yang ada?
Aktifkan nombor qq
Apakah perkembangan sekunder biasa dalam PHP?
pangkalan data phpstudy tidak boleh memulakan penyelesaian
Bagaimana untuk membuka fail mds
Urutan potongan pembayaran WeChat
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
