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

jQuery实现发送短信验证码后60秒倒计时

原文:http://www.open-open.com/code/view/1432601256051

 

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"> 
var countdown=60; 
function settime(obj) { 
    if (countdown == 0) { 
        obj.removeAttribute("disabled");    
        obj.value="免费获取验证码"; 
        countdown = 60; 
        return;
    } else { 
        obj.setAttribute("disabled", true); 
        obj.value="重新发送(" + countdown + ")"; 
        countdown--; 
    } 
setTimeout(function() { 
    settime(obj) }
    ,1000) 
}
  
</script>
<body> 
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> 
  
</body>
</html>

 

相关文章:

  • 与专门团队一起持续交付
  • java.io.File
  • Oracle宣布提供新的Java支持价格体系
  • 第二棵树:Splay
  • MySQL之表lock信息
  • set serveroutput on
  • java基础-网络编程(Socket)技术选型入门之NIO技术
  • Java 类的加载机制
  • PHP扩展模块、Apache之rewrite模块
  • 逸管家:共享人才时代已经到来,你做好准备了吗?
  • 【阿里云大学课程】怎样学好C语言?从入门到实战
  • java笔记
  • 常用的网络营销方法有哪些
  • [BZOJ] 2427: [HAOI2010]软件安装
  • ios开发之--系统控件显示中文
  • Google 是如何开发 Web 框架的
  • 【译】React性能工程(下) -- 深入研究React性能调试
  • Angular数据绑定机制
  • CentOS从零开始部署Nodejs项目
  • ComponentOne 2017 V2版本正式发布
  • IP路由与转发
  • Linux快速配置 VIM 实现语法高亮 补全 缩进等功能
  • Python语法速览与机器学习开发环境搭建
  • SQLServer插入数据
  • UMLCHINA 首席专家潘加宇鼎力推荐
  • V4L2视频输入框架概述
  • 程序员最讨厌的9句话,你可有补充?
  • 工作手记之html2canvas使用概述
  • 基于axios的vue插件,让http请求更简单
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • 在 Chrome DevTools 中调试 JavaScript 入门
  • 说说我为什么看好Spring Cloud Alibaba
  • ​决定德拉瓦州地区版图的关键历史事件
  • #LLM入门|Prompt#1.8_聊天机器人_Chatbot
  • #pragma data_seg 共享数据区(转)
  • #我与Java虚拟机的故事#连载16:打开Java世界大门的钥匙
  • (175)FPGA门控时钟技术
  • (3)STL算法之搜索
  • (cos^2 X)的定积分,求积分 ∫sin^2(x) dx
  • (poj1.3.2)1791(构造法模拟)
  • (react踩过的坑)antd 如何同时获取一个select 的value和 label值
  • (二)JAVA使用POI操作excel
  • (附源码)spring boot北京冬奥会志愿者报名系统 毕业设计 150947
  • (转) Android中ViewStub组件使用
  • (转)Linux NTP配置详解 (Network Time Protocol)
  • (转)创业的注意事项
  • ***php进行支付宝开发中return_url和notify_url的区别分析
  • .equals()到底是什么意思?
  • .NET 5种线程安全集合
  • .net Stream篇(六)
  • .Net 垃圾回收机制原理(二)
  • .net程序集学习心得
  • .Net下使用 Geb.Video.FFMPEG 操作视频文件
  • [04]Web前端进阶—JS伪数组