分享web开发知识

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

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

验证码倒计时js

发布时间:2023-09-06 02:28责任编辑:郭大石关键词:js验证码


getVarify.js

// 验证码计时——第一种window.onload = function () { ???var send = document.getElementById(‘send‘), //按钮ID ???????times = 10, // 别忘了改这里 ???????timer = null; ???send.onclick = function () { ???????// 计时开始 ???????send.disabled = true; ???????timer = setInterval(function () { ???????????times--; ???????????if (times <= 0) { ???????????????send.value = ‘获取验证码‘; ???????????????clearInterval(timer); ???????????????times = 5; ?// 别忘了改这里 ???????????????send.disabled = false; ???????????} else { ???????????????send.value = times + ‘秒后重试‘ ???????????????send.disabled = true; ???????????} console.log(times) ???????}, 1000); ???????// 发送请求获取验证码 ???????console.log("sending...") ???}}// 验证码计时——第二种// 参数:倒计时秒数, 按钮jquery对象, 倒计时结束时显示的文字// 可以放到短信发送完毕后的回调函数里// switchMSG(60, $("#get-verify"), ‘获取验证码‘)function switchMSG(times, ele, txt) { ???ele.prop(‘disabled‘, true) ???var idT = setInterval(function() { ???????if(times < 1) { ???????????ele.html(txt) ???????????ele.prop(‘disabled‘, false) ???????????clearInterval(idT) ???????} else { ???????????ele.html(times+‘s‘) ???????????times-- ???????} ???}, 1000)}

验证码倒计时js

原文地址:https://www.cnblogs.com/lovellll/p/10206274.html

知识推荐

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