分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

Jquery验证码倒计时

发布时间:2023-09-06 02:31责任编辑:蔡小小关键词:验证码

html代码:

<input type="button" ?value="获取验证码" ?id="getCode" style="color:#4664E6;background:white;" />

Jquery代码:别忘了引用jquery库

 <script type="text/javascript"> ???????var countdown = 60; ???????$(function () { ???????????$("#getCode").bind("click", function () { ???????????????settime(); ???????????}); ???????}) ???????function settime(e) { ???????????if (countdown == 0) { ???????????????countdown = 60; ???????????????$("#getCode").val("获取验证码"); ???????????????$("#getCode").removeAttr("disabled"); ???????????????return false; ???????????} else { ???????????????countdown--; ???????????????$("#getCode").val(countdown + "秒后重新获取"); ???????????????$("#getCode").attr("disabled", "disabled"); ???????????} ???????????setTimeout(function () { ???????????????settime(); ???????????}, 1000); ???????} ???</script>

Jquery验证码倒计时

原文地址:https://www.cnblogs.com/LoveQin/p/10313673.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved