js发送短信倒计时的简单实现方法


Posted in Javascript onSeptember 08, 2016

如下所示:

<!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">
<meta charset="utf-8">
<head>
<script src="jquery-2.1.4.min.js" type="text/javascript"></script>
<script type="text/javascript">

var InterValObj; //timer变量,控制时间
var count = 120; //间隔函数,1秒执行
var curCount;//当前剩余秒数

function sendMessage() {
  curCount = count;
//设置button效果,开始计时
   $("#btnSendCode").attr("disabled", "true");
   $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
   InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次

 //向后台发送处理数据
   $.ajax({
   
type: "POST", //用POST方式传输
   
dataType: "text", //数据格式:JSON
   
url: 'Login.ashx', //目标地址
  
 data: "dealType=" + dealType +"&uid=" + uid + "&code=" + code,
  
 error: function (XMLHttpRequest, textStatus, errorThrown) { },
   
success: function (msg){ }
   });
}

//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>

以上这篇js发送短信倒计时的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jquery的tab切换 js原理
Apr 01 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
Jan 08 Javascript
jquery form 隐藏的input 选择
Apr 29 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
May 17 Javascript
AngularJS使用ng-repeat指令实现下拉框
Aug 23 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
Dec 30 Javascript
JavaScript实现二分查找实例代码
Feb 22 Javascript
js实现一个猜数字游戏
Mar 31 Javascript
VUE实现图片验证码功能
Nov 18 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 Javascript
Vue自定义表单内容检查rules实例
Oct 30 Javascript
JavaScript-html标题滚动效果的简单实现
Sep 08 #Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 #Javascript
jQuery遍历节点树方法分析
Sep 08 #Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
Sep 08 #Javascript
jQuery ready()和onload的加载耗时分析
Sep 08 #Javascript
Angularjs实现mvvm式的选项卡示例代码
Sep 08 #Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 #Javascript
You might like
PHP编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
php处理斐波那契数列非递归方法
2012/02/04 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
PHP ADODB生成下拉列表框功能示例
2018/05/29 PHP
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
jQuery超赞的评分插件(8款)
2015/08/20 Javascript
Javascript BOM学习小结(六)
2015/11/26 Javascript
超实用的JavaScript表单代码段
2016/02/26 Javascript
JS代码实现百度地图 画圆 删除标注
2016/10/12 Javascript
Node连接mysql数据库方法介绍
2017/02/07 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
关于laydate.js加载laydate.css路径错误问题解决
2017/12/27 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
微信小程序scroll-view点击项自动居中效果的实现
2020/03/25 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
Python编程实现使用线性回归预测数据
2017/12/07 Python
Python中对数组集进行按行打乱shuffle的方法
2018/11/08 Python
Python 加密与解密小结
2018/12/06 Python
Python设计模式之迭代器模式原理与用法实例分析
2019/01/10 Python
Python猴子补丁知识点总结
2020/01/05 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
Python opencv相机标定实现原理及步骤详解
2020/04/09 Python
在css3中background-clip属性与background-origin属性的用法介绍
2012/11/13 HTML / CSS
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
Casetify官网:自制专属手机壳、iPad护壳和Apple Watch手表带
2018/05/09 全球购物
大学生思想汇报范文
2013/12/31 职场文书
求职者怎样写自荐信
2014/04/13 职场文书
环保建议书300字
2014/05/14 职场文书
工厂标语大全
2014/10/06 职场文书
有限责任公司股东合作协议书
2014/12/02 职场文书
整脏治乱工作简报
2015/07/21 职场文书
提档介绍信范文
2015/10/22 职场文书