快捷導(dǎo)航

js發(fā)送短信倒計(jì)時(shí)的簡(jiǎn)單實(shí)現(xiàn)方法

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

下面小編就為大家?guī)?lái)一篇js發(fā)送短信倒計(jì)時(shí)的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

如下所示：

<!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變量，控制時(shí)間
var count = 120; //間隔函數(shù)，1秒執(zhí)行
var curCount;//當(dāng)前剩余秒數(shù)

function sendMessage() {
 　curCount = count;
　　//設(shè)置button效果，開(kāi)始計(jì)時(shí)
   $("#btnSendCode").attr("disabled", "true");
   $("#btnSendCode").val("請(qǐng)?jiān)? + curCount + "秒內(nèi)輸入驗(yàn)證碼");
   InterValObj = window.setInterval(SetRemainTime, 1000); //啟動(dòng)計(jì)時(shí)器，1秒執(zhí)行一次
　　 //向后臺(tái)發(fā)送處理數(shù)據(jù)
   $.ajax({
   　　type: "POST", //用POST方式傳輸
   　　dataType: "text", //數(shù)據(jù)格式:JSON
   　　url: 'Login.ashx', //目標(biāo)地址
  　　 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);//停止計(jì)時(shí)器
        $("#btnSendCode").removeAttr("disabled");//啟用按鈕
        $("#btnSendCode").val("重新發(fā)送驗(yàn)證碼");
      }
      else {
        curCount--;
        $("#btnSendCode").val("請(qǐng)?jiān)? + curCount + "秒內(nèi)輸入驗(yàn)證碼");
      }
    }
</script>
</head>
<body>
    <input id="btnSendCode" type="button" value="發(fā)送驗(yàn)證碼" onclick="sendMessage()" /></p>
</body>
</html>

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

您可能感興趣的文章:

相關(guān)文章

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