 /*
 120秒手機短信按鈕倒計時
 */
 exports.sendmessage = function (name) {
  var second = 120;
  $(name).attr("disabled", true);
  var color = $(name).css('background-color');
  $(name).attr("style", "background-color : #c1c1c1");
  function update(num) {
   if (num == second) {
    $(name).attr("style", "background-color : "+color);
    $(name).text("獲取驗證碼");
    $(name).attr("disabled", false);
   }
   else {
    var printnr = second - num;
    $(name).text(printnr + "秒后獲取");
   }
  }
  function uupdate(i) {
   return function () {
    update(i);
   }
  }
  for (var i = 1; i <= second; i++) {
   setTimeout(uupdate(i), i * 1000);
  }
 }

以上代碼是本文給大家介紹的JavaScript實現(xiàn)手機短信按鈕倒計時的全部敘述，希望大家喜歡。

您可能感興趣的文章:

相關(guān)文章

js中將具有數(shù)字屬性名的對象轉(zhuǎn)換為數(shù)組
js中將具有數(shù)字屬性名的對象轉(zhuǎn)換為數(shù)組，雖然不太常用，但我們的確可以給對象添加以數(shù)字為屬性名的屬性
2011-03-03
控制input輸入框中提示信息的顯示和隱藏的方法
這篇文章主要介紹了怎樣控制input輸入框中提示信息的顯示和隱藏 ,需要的朋友可以參考下
2014-02-02
Html和JS字符串中間加空格的簡單實例
最近遇到了個需求,需要在字符串的中間加上一兩個字符串,所以下面這篇文章主要給大家介紹了關(guān)于Html和JS字符串中間加空格的相關(guān)資料,文中介紹的挺詳細(xì),需要的朋友可以參考下
2023-02-02
Javascript中typeof 用法小結(jié)
JavaScript中的typeof其實非常復(fù)雜,他有六種返回的數(shù)據(jù)類型，它可以用來做很多事情,但同時也有很多怪異的表現(xiàn).本文列舉出了它的多個用法,有需要的小伙伴可以參考下。
2015-05-05
Popup彈出框添加數(shù)據(jù)實現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Popup彈出框添加數(shù)據(jù)的簡單實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10
JS動畫效果代碼2
用js實現(xiàn)的圖片生成效果代碼，學(xué)習(xí)js的朋友可以看看
2008-04-04
ES6常用小技巧總結(jié)【去重、交換、合并、反轉(zhuǎn)、迭代、計算等】
這篇文章主要介紹了ES6常用小技巧,結(jié)合實例形式總結(jié)分析了ES6常見的數(shù)組去重、交換變量、合并數(shù)組、字符串反轉(zhuǎn)、數(shù)組迭代、數(shù)值計算等相關(guān)操作技巧,需要的朋友可以參考下
2019-12-12
bootstrap 設(shè)置checkbox部分選中效果
本篇文章主要介紹了bootstrap 設(shè)置checkbox部分選中效果，主要涉及到j(luò)s各個方面的內(nèi)容，對于bootstrap設(shè)置checkbox選中效果感興趣的朋友可以參考一下吧
2017-04-04
原生JS實現(xiàn)留言板功能
這篇文章主要為大家詳細(xì)介紹了原生JS實現(xiàn)留言板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-02-02
CryptoJS中AES實現(xiàn)前后端通用加解密技術(shù)
這篇文章主要為大家詳細(xì)介紹了CryptoJS中AES實現(xiàn)前后端通用加解密技術(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12