0 100 2023-04-07 05:39:07
收藏
<input type="button" id="btnSendCode" onclick="sendEmail()" value="發送驗證碼">
<script>
var InterValObj; //timer变量,控制时间
var count = 30; //间隔函数,1秒执行
var curCount;//当前剩余秒数
function sendEmail() {
curCount = count;
$("#btnSendCode").addClass("sended");
$("#btnSendCode").attr("disabled", "true");
$("#btnSendCode").val(curCount + "秒后可重发");
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
}
//timer处理函数
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").removeAttr("disabled");//启用按钮
$("#btnSendCode").val("重发验证码");
}
else {
curCount--;
$("#btnSendCode").val(curCount + "秒后可重新发送");
}
}
</script>
本文地址:https://xzo.com.cn/develop/js/1140.html
如果您认可我们的分享,有意与我们合作开展帝国cms网站建设与开发业务或插件定制,请联系右侧在线客服。我们能给您的,就是高质量的模板与售后。
标注了信息来源为下载鸥的文章皆为原创,如果是转载的优质文章,我们也都标注了出处。如果您喜欢我们的文章,请按照下载鸥所标注的文章出处进行标注,谢谢您的配合。
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
JavaScript十分强大,不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理,都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中。
在各种盛大的节日、活动前,网站制作倒计时特效可有效给活动页引流。那么,怎样...
在网站表单提交前,我们往往需要验证一下信息避免错误数据,那么,怎样验证手机号...
知乎鼠标向下滚动显示文章标题,向上滚动显示栏目;又或者向下滚动到底部时异步...
很多网站上会有当前年月日、星期、时间的展示。这个展示用php做未免浪费性...
我们在文章输入框中经常有用到字数控制,但字数控制有两种方案,一种是字母/空...
通过jQuery实现点击关注按钮弹出二维码是一个比较常用的功能,今天鸥哥讲讲这...
在网站开发的过程中,一些涉及到资源下载的网站会通过判断不同系统手机来展示...
如果是多语言站点,主动获取浏览器默认语言并自动进行跳转可以有效降低跳出率...
如果不进行父元素锁定,则同类名所有元素都会生效,解决方案就是...
js获取当前星期时分秒的倒计时,源码见下方...
使用Flexbox布局和副边距可以很容易地实现图片在其容器中垂直居中。...
有些时候 ,我们要对页面上的导航栏进行单行滑动处理,这肯定是没有问题的,但问...
pre标签不换行怎么办?...
浏览器自动缓存静态文件如图片、css、js,用户如果访问过页面,则修改的css文件...
搜索是常用功能,一般都是基于程序。但并不是说,js就不能做搜索 。...
以上代码中,now就是当前时间,获取当前时间的小时,如果当前时间大于18:00,则提示...