编程 Javascript

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发送短信倒计时的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript DOM 添加事件

Feb 14 Javascript

jQuery对表单元素的取值和赋值操作代码

May 19 Javascript

使用indexOf等在JavaScript的数组中进行元素查找和替换

Sep 18 Javascript

js时间戳格式化成日期格式的多种方法

Nov 11 Javascript

利用Angular.js编写公共提示模块的方法教程

May 28 Javascript

php简单数据库操作类的封装

Jun 08 Javascript

详解使用VueJS开发项目中的兼容问题

Aug 02 Javascript

AngularJS实现的自定义过滤器简单示例

Feb 02 Javascript

详解用场景去理解函数柯里化(入门篇)

Apr 11 Javascript

vue实现移动端轻量日期组件不依赖第三方库的方法

Apr 28 Javascript

使用 UniApp 实现小程序的微信登录功能

Jun 09 Javascript

详解uniapp的全局变量实现方式

Jan 11 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