当前位置: 首页 > news >正文

js,jq发送短信倒计时

js:

<input type="button" id="btn" value="免费获取验证码" />

<script type="text/javascript">
var wait=60;
function time(o) {
        if (wait == 0) {
            o.removeAttribute("disabled");            
            o.value="免费获取验证码";
            wait = 60;
        } else { // www.jbxue.com
            o.setAttribute("disabled", true);
            o.value="重新发送(" + wait + ")";
            wait--;
            setTimeout(function() {
                time(o)
            },
            1000)
        }
    }
document.getElementById("btn").οnclick=function(){time(this);}

</script>

 

jq:(js的那个在我的项目上不是很好用自己写了一个jq的)

            var step = 59;
            $('#btn').val('重新发送60');
            var _res = setInterval(function()
            {   
                $("#btn").attr("disabled", true);//设置disabled属性
                $('#btn').val('重新发送'+step);
                step-=1;
                if(step <= 0){
                $("#btn").removeAttr("disabled"); //移除disabled属性
                $('#btn').val('获取验证码');
                clearInterval(_res);//清除setInterval
                }
            },1000);

 

 

 

 

转自http://blog.csdn.net/yanfangphp/article/details/21469755

转载于:https://www.cnblogs.com/liziqiang/p/4081170.html

相关文章:

  • Ubuntu软件包管理命令全面集锦
  • 资深项目经理推荐的几款免费/开源项目管理工具
  • Linux上mysql修改密码
  • V4L2视频输入框架概述
  • 20171107--SQL变量,运算符,存储过程
  • 国内首例:飞步无人卡车携手中国邮政、德邦投入日常运营
  • 过了半年才写了篇博客,我心情也很悲伤啊,加班加到死,已经浑浑噩噩了
  • bootstrap 的 datetimepicker 结束时间大于开始时间
  • 设计模式之-代理模式
  • 理解MySQL——复制(Replication)
  • 重载与重写
  • jQuery动态生成元素无法绑定事件的解决办法
  • BZOJ3998:[TJOI2015]弦论(SAM)
  • tablelayout高度问题
  • JQuery Event属性说明
  • php的引用
  • IE9 : DOM Exception: INVALID_CHARACTER_ERR (5)
  • 《剑指offer》分解让复杂问题更简单
  • 【vuex入门系列02】mutation接收单个参数和多个参数
  • express + mock 让前后台并行开发
  • PHP的Ev教程三(Periodic watcher)
  • QQ浏览器x5内核的兼容性问题
  • Spring Security中异常上抛机制及对于转型处理的一些感悟
  • Twitter赢在开放,三年创造奇迹
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • 给github项目添加CI badge
  • 构建二叉树进行数值数组的去重及优化
  • 基于Vue2全家桶的移动端AppDEMO实现
  • 记一次删除Git记录中的大文件的过程
  • 蓝海存储开关机注意事项总结
  • 力扣(LeetCode)357
  • 入门级的git使用指北
  • 事件委托的小应用
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 一起参Ember.js讨论、问答社区。
  • 阿里云API、SDK和CLI应用实践方案
  • 哈罗单车融资几十亿元,蚂蚁金服与春华资本加持 ...
  • 新年再起“裁员潮”,“钢铁侠”马斯克要一举裁掉SpaceX 600余名员工 ...
  • ​io --- 处理流的核心工具​
  • ​软考-高级-系统架构设计师教程(清华第2版)【第20章 系统架构设计师论文写作要点(P717~728)-思维导图】​
  • ###C语言程序设计-----C语言学习(6)#
  • #微信小程序:微信小程序常见的配置传值
  • (ZT)出版业改革:该死的死,该生的生
  • (附源码)springboot家庭装修管理系统 毕业设计 613205
  • (附源码)ssm失物招领系统 毕业设计 182317
  • (蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)
  • (一)搭建springboot+vue前后端分离项目--前端vue搭建
  • (转)清华学霸演讲稿:永远不要说你已经尽力了
  • .form文件_SSM框架文件上传篇
  • .libPaths()设置包加载目录
  • .net core 调用c dll_用C++生成一个简单的DLL文件VS2008
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则
  • .NetCore 如何动态路由
  • .NET版Word处理控件Aspose.words功能演示:在ASP.NET MVC中创建MS Word编辑器
  • .Net多线程总结