处理获取验证码倒计时问题
来源:互联网 发布:反差对焦算法 编辑:程序博客网 时间:2024/05/16 23:57
问题描述:iOS的壳,H5的内容。点击获取验证码,进入60秒倒计时,此时将APP进入后台挂起,过一分钟之后,重新进入此APP,发现倒计时并未进行完,依旧显示倒计时状态。
如果利用iOS实现后台运行的方法去解决这个问题,显得大材小用。那么就需要从H5入手。
实现思路,获取两个时间戳,一个在点击获取验证码按钮时获取,另一个在循环时获取,并在循环方法中处理两个时间戳的差值。
实现代码如下:
$(".get").click(function(){ var _time=parseInt(new Date().getTime()/1000); // 时间戳1 _time=_time+60; $('#checkVal').attr("disabled", false); $(".get").attr("disabled", true); $(".get").val("60s后重发"); $(".get").css({"color":"#999","border-color":"#dedede"}); var _newt; var InterValObj = window.setInterval(function(){ _newt=parseInt(new Date().getTime()/1000); // 时间戳2 _endT= _time - _newt; if(_endT>0){ $(".get").val(_endT + "s后重发"); }else{ $(".get").val("重新发送"); $(".get").css({"color":"#17b4eb","border-color":"#17b4eb"}); $(".get").attr("disabled", false); $('#checkVal').attr("disabled", true); window.clearInterval(InterValObj); } },1000); getCode(); // 获取验证码 });
1 0
- 处理获取验证码倒计时问题
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 倒计时获取验证码
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 倒计时(获取验证码的倒计时)
- Android获取验证码倒计时
- iOS 获取验证码倒计时
- 获取验证码倒计时代码
- 获取验证码倒计时功能
- Android 获取验证码倒计时
- Android获取验证码倒计时
- Android OpenGL ES 简明开发教程_材质渲染
- 设计模式——命令模式
- Android开发注意事项--不定时更新
- 写一个简单的线程池
- Android第一个项目
- 处理获取验证码倒计时问题
- Transfer Learning
- spark -运行
- Swift浮点型
- c++ 遍历目录下文件
- 定时器 与 bootstrap中的进度条
- return View("CreateEmployee", vm);
- 34. Search for a Range
- Android常用混淆