单击按钮发送验证码,出现倒计时的简单实例
实例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> var InterValObj; //timer变量，控制时间 var count = 30; //间隔函数，1秒执行 var curCount;//当前剩余秒数 function sendMessage() { curCount = count; //设置button效果，开始计时 $("#btnSendCode").attr("disabled", "true"); $("#btnSendCode").val(curCount + "秒后可重新发送"); InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次 //请求后台发送验证码 TODO } //timer处理函数 function SetRemainTime() { if (curCount == 0) { window.clearInterval(InterValObj);//停止计时器 $("#btnSendCode").removeAttr("disabled");//启用按钮 $("#btnSendCode").val("重新发送验证码"); } else { curCount--; $("#btnSendCode").val(curCount + "秒后可重新发送"); } } </script> </head> <body> <input id="btnSendCode" type="button" value="发送验证码" onclick="sendMessage()" /></p> </body> </html>
以上这篇单击按钮发送验证码,出现倒计时的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍vue实现验证码按钮倒计时功能，包括了vue实现验证码按钮倒计时功能的使用技巧和注意事项，需要的朋友参考一下 本人最近开始尝试学习vue.js。想使用vue写一个小例子，就选择做验证码按钮倒计时功能。 上网上搜了一下，也把他们的代码试了一下，自己出了很多问题。所以，需要写一篇基础入门的文章，避免后面人采坑。 这是按照网上写的HTML页面 js写成 发现浏览器一直报错Un
-
本文向大家介绍简单实现vue验证码60秒倒计时功能，包括了简单实现vue验证码60秒倒计时功能的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了vue验证码倒计时60秒的具体代码，供大家参考，具体内容如下 html js 更多关于倒计时的文章请查看专题：《倒计时功能》 更多JavaScript时钟特效点击查看：JavaScript时钟特效专题 以上就是本文的全部内容，希望对大家的学习有
-
本文向大家介绍ionic+AngularJs实现获取验证码倒计时按钮，包括了ionic+AngularJs实现获取验证码倒计时按钮的使用技巧和注意事项，需要的朋友参考一下 按钮功能为：点击“获取验证码”——按钮不可用-设置倒计时-60秒后重新获取。 主要实现原理：点击后，设置一个$interval，每一秒更改一次剩余时间，并依赖Angular数据绑定实时显示在页面中。设置一个$timeout，60
-
本文向大家介绍Android中验证码倒计时的简单实现方法示例，包括了Android中验证码倒计时的简单实现方法示例的使用技巧和注意事项，需要的朋友参考一下 前言 现在的很多app都是使用手机注册的，为了确认使用的是自己的手机，都会加上一个短线验证码的选项，最近公司的项目使用到了这个短信验证码，并且要加入验证码倒计时功能，也就是60秒才能发送一次验证码，再次做过记录，以后使用的时候，可以随时拿来用。
-
本文向大家介绍js简单倒计时实现代码，包括了js简单倒计时实现代码的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考，具体如下： 更多关于JavaScript相关内容可查看本站专题：《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技
-
本文向大家介绍js实现发送验证码后的倒计时功能，包括了js实现发送验证码后的倒计时功能的使用技巧和注意事项，需要的朋友参考一下 之前分享过只用js实现倒计时的功能,后来测试时发现,刷新或关闭网页后,倒计时就不能用了.网上也没找到合适的解决方案,所以自己就写了个,这次的算是优化版吧,能满足刷新或重新打开网页后,倒计时依然能用 特别说明: cookie最初创建的有效时间是60秒.也就是说,你