在淘寶等購(gòu)物網(wǎng)站，我們都會(huì)看到一個(gè)發(fā)送短信倒計(jì)時(shí)的按鈕，究竟是如何實(shí)現(xiàn)的呢？下面小編通過本篇文章給大家分享一段代碼關(guān)于js實(shí)現(xiàn)手機(jī)短信按鈕倒計(jì)時(shí)，需要的朋友參考下

在淘寶等購(gòu)物網(wǎng)站，我們都會(huì)看到一個(gè)發(fā)送短信倒計(jì)時(shí)的按鈕，究竟是如何實(shí)現(xiàn)的呢？下面我就給大家提供一段代碼很實(shí)用的。

廢話不多說了，直接給大家貼js代碼了。

 /*
 120秒手機(jī)短信按鈕倒計(jì)時(shí)
 */
 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("獲取驗(yàn)證碼");
    $(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實(shí)現(xiàn)手機(jī)短信按鈕倒計(jì)時(shí)的全部敘述，希望大家喜歡。

您可能感興趣的文章:

相關(guān)文章

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