js發(fā)送短信倒計時的簡單實現(xiàn)方法

更新時間：2016年09月08日 10:59:10 投稿：jingxian

下面小編就為大家?guī)硪黄猨s發(fā)送短信倒計時的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

如下所示：

<!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; //間隔函數(shù)，1秒執(zhí)行
var curCount;//當前剩余秒數(shù)

function sendMessage() {
 　curCount = count;
　　//設(shè)置button效果，開始計時
   $("#btnSendCode").attr("disabled", "true");
   $("#btnSendCode").val("請在" + curCount + "秒內(nèi)輸入驗證碼");
   InterValObj = window.setInterval(SetRemainTime, 1000); //啟動計時器，1秒執(zhí)行一次
　　 //向后臺發(fā)送處理數(shù)據(jù)
   $.ajax({
   　　type: "POST", //用POST方式傳輸
   　　dataType: "text", //數(shù)據(jù)格式:JSON
   　　url: 'Login.ashx', //目標地址
  　　 data: "dealType=" + dealType +"&uid=" + uid + "&code=" + code,
  　　 error: function (XMLHttpRequest, textStatus, errorThrown) { },
   　　success: function (msg){ }
   });
}

//timer處理函數(shù)
function SetRemainTime() {
      if (curCount == 0) {        
        window.clearInterval(InterValObj);//停止計時器
        $("#btnSendCode").removeAttr("disabled");//啟用按鈕
        $("#btnSendCode").val("重新發(fā)送驗證碼");
      }
      else {
        curCount--;
        $("#btnSendCode").val("請在" + curCount + "秒內(nèi)輸入驗證碼");
      }
    }
</script>
</head>
<body>
    <input id="btnSendCode" type="button" value="發(fā)送驗證碼" onclick="sendMessage()" /></p>
</body>
</html>

以上這篇js發(fā)送短信倒計時的簡單實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

推薦10 款 SVG 動畫的 JavaScript 庫
這篇文章主要推薦了10 款 SVG 動畫的 JavaScript 庫，非常的實用，效果也非常棒，有需要的朋友可以參考下。
2015-03-03
使用grunt合并壓縮js和css文件的方法
這篇文章主要介紹了使用grunt合并壓縮js和css文件的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-03-03
前端深入理解Typescript泛型概念
這篇文章主要介紹了前端深入理解Typescript泛型概念，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
2020-03-03
你必須知道的Javascript知識點之"字面量和對應(yīng)類型"說明介紹
本篇文章小編為大家介紹，你必須知道的Javascript知識點之"字面量和對應(yīng)類型"。需要的朋友參考下
2013-04-04
js捕捉鍵盤事件和按鍵鍵值的方法
下面小編就為大家?guī)硪黄猨s捕捉鍵盤事件和按鍵鍵值的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
JS實現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼
這篇文章主要介紹了JS實現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼,涉及JavaScript基于定時函數(shù)動態(tài)設(shè)置頁面元素樣式的技巧,具有FLASH變換效果,需要的朋友可以參考下
2015-09-09
寫出更好的JavaScript之undefined篇（上）
先聲明一些東西，消除歧義：這篇博文中的JavaScript是指一般意義上的JavaScript，并不只限定“自稱是JavaScript”的運行環(huán)境
2009-11-11
如何利用JS將手機號中間四位變成*號
這篇文章主要介紹了如何利用JS將手機號中間四位變成*號,本文給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-09-09
uniapp使用uni-file-picker實現(xiàn)上傳功能
這篇文章主要介紹了uniapp使用uni-file-picker實現(xiàn)上傳功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2024-07-07
javascript 用原型繼承來實現(xiàn)對象系統(tǒng)
對象系統(tǒng)中的繼承特性有三種方式:基于類，基于原型，基于元類
2010-03-03