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 相关文章推荐
一个小型js框架myJSFrame附API使用帮助
Jun 28 Javascript
Javascript学习笔记2 函数
Jan 11 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
Mar 27 Javascript
Bootstrap CSS布局之代码
Dec 17 Javascript
js实现省市级联效果分享
Aug 10 Javascript
vue的事件绑定与方法详解
Aug 16 Javascript
JavaScript实现简单生成随机颜色的方法
Sep 21 Javascript
jQuery插件Validation表单验证详解
May 26 jQuery
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
详解vue.js移动端配置flexible.js及注意事项
Apr 10 Javascript
vue调用语音播放的方法
Sep 27 Javascript
VueQuillEditor富文本上传图片(非base64)
Jun 03 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 JSON 数据解析代码
2010/05/26 PHP
PHP函数超时处理方法
2016/02/14 PHP
PHPCMS手机站伪静态设置详细教程
2017/02/06 PHP
PHP 图片处理
2020/09/16 PHP
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
两个select之间option的互相添加操作(jquery实现)
2009/11/12 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
2013/06/28 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
JavaScript必知必会(九)function 说起 闭包问题
2016/06/08 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
JS+canvas绘制的动态机械表动画效果
2017/09/12 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
JS数组扁平化、去重、排序操作实例详解
2020/02/24 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
2020/03/02 Javascript
详解element-ui动态限定的日期范围选择器代码片段
2020/07/03 Javascript
python实现的阳历转阴历(农历)算法
2014/04/25 Python
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
CentOS 7下Python 2.7升级至Python3.6.1的实战教程
2017/07/06 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
python写一个随机点名软件的实例
2019/11/28 Python
python实现提取str字符串/json中多级目录下的某个值
2020/02/27 Python
Tensorflow tf.nn.depthwise_conv2d如何实现深度卷积的
2020/04/20 Python
python简单实现插入排序实例代码
2020/12/16 Python
西尔斯百货官网:Sears
2016/09/06 全球购物
雷蛇美国官网:Razer
2020/04/03 全球购物
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
茶叶生产计划书
2014/01/10 职场文书
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
Python一些基本的图像操作和处理总结
2021/06/23 Python
Python学习之包与模块详解
2022/03/19 Python