jquery 读秒，倒数计时方案

2019独角兽企业重金招聘Python工程师标准>>>

jquery有一个计时器函数，用起来就好。

前端设置两个a标签，正常的，一个隐藏的

<a class='statis' site='13' onclick="fm_vfcode('{:url('Login/getVfCode')}')" href="javascript:void(0);" id="putvf">发送验证码</a>
<!-- 下面这个是替换上面内容的 -->
<a class='statis' style="display: none;background-color: #c6c6c6;cursor: default;" site='13'  href="javascript:void(0);" id="putvf1">发送验证码</a>

在js的fm_vfcode方法里面适当的位置调用editvfput方法传入需要的秒数即可

function fm_vfcode(url) {//这是主方法，这里调用读秒即可var mobile = $('#phone').val();var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;if(!myreg.test(mobile)){alert('请输入正确国内手机号！');return false;}var postData = {'mobile': mobile,};$.post(url,postData,function(requst){if(requst.code == 1){alert("发送成功！");$('#putvf').css('display','none');$('#putvf1').css('display','block');editvfput(10);}else {alert(requst.msg);}});
}//读秒
function editvfput(count) {var down = setInterval(CountDown, 1000);//每秒执行一次，赋值function CountDown() {$('#putvf1').text('剩余 '+count+' 秒');//写入if (count == 0) {$('#putvf1').css('display','none');//修改状态$('#putvf').css('display','block');clearInterval(down);//销毁计时器return;}count--;}
}

转载于:https://my.oschina.net/u/3538113/blog/1604117

jquery 读秒，倒数计时方案相关推荐

前端开发需要什么技术？
最近有很多想要转行到web前端的朋友,但是又不是很了解.很多朋友都是想要学习web前端开发,却不知道学什么内容?或者存在需要掌握什么技能,才能从事前端的工作的疑问. 如果你也有类似的疑问,那你就随着诚 ...
html读秒倒计时,jQuery实现读秒倒计时
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...
html读秒倒计时,使用javascript做时间倒数读秒功能的实例
某个试卷在线考试需要读秒.网上找了一会就是没找到我想要的.只好自己改改网上的,这也用用,那也用用. 其他代码不贴了.贴相关的: html页面代码: 开始 00 00 00 作为一个显示倒数的div层 ...
jquery实现按钮倒数7秒后才可以点击
方法一: <input type="button" value="下一步" id="button" disabled> < ...
jquery选择器最后一个，倒数第二个元素
<div><p>1</p><p>2</p><p>3</p><p>4</p><p> ...
jquery总结01-基本概念和选择器
dom元素和jquery元素的区别 dom元素支持dom元素自带的属性和方法,jquery元素支持jquery元素自带的属性和方法 dom var div = doc ...
jquery 使用jquery操作Dom
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器在CSS3选择器标淮草案定义 ...
Java程序员从笨鸟到菜鸟之（八十七）跟我学jquery（三）jquery动态创建元素和常用函数示例
在上面两篇博客中列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这些列表大家可以跳过, 等以后用到时再回头看或者查询官方的API说明.在本博客中就给大家讲解一下这些 ...

jquery 读秒，倒数计时方案

jquery 读秒，倒数计时方案相关推荐

最新文章

热门文章