快捷導(dǎo)航

基于JavaScript實(shí)現(xiàn)手機(jī)短信按鈕倒計(jì)時(shí)(超簡(jiǎn)單)

更新時(shí)間：2015年12月30日 15:40:03 作者：我_愛(ài)編程

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

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

廢話(huà)不多說(shuō)了，直接給大家貼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獲得地址欄?問(wèn)號(hào)后參數(shù)的方法
這篇文章介紹了js獲得地址欄?問(wèn)號(hào)后參數(shù)的方法，有需要的朋友可以參考一下
2013-08-08
JS自定義函數(shù)實(shí)現(xiàn)時(shí)間戳轉(zhuǎn)換成date的方法示例
這篇文章主要介紹了JS自定義函數(shù)實(shí)現(xiàn)時(shí)間戳轉(zhuǎn)換成date的方法,結(jié)合具體實(shí)例形式分析了javascript時(shí)間戳與日期格式的計(jì)算與轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下
2017-08-08
JS實(shí)現(xiàn)顏色動(dòng)態(tài)淡化效果
本文主要介紹了JS實(shí)現(xiàn)顏色動(dòng)態(tài)淡化效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03
javascript檢測(cè)移動(dòng)設(shè)備橫豎屏
移動(dòng)端的開(kāi)發(fā)過(guò)程中，免不了要判斷橫豎屏，然后在執(zhí)行其他操作，比如分別加載不同樣式，橫屏顯示某些內(nèi)容，豎屏顯示其他內(nèi)容等等。
2016-05-05
在table中插入多行的js代碼(與insertAdjacentHTML相似的功能)
在table中插入多行，能使用與insertAdjacentHTML相似的功能
2010-06-06
threejs太陽(yáng)光與陰影效果實(shí)例代碼
在Threejs中類(lèi)似于我們現(xiàn)實(shí)世界,物體顯示的顏色是由物體本身的顏色及光照的顏色相互疊加而得到的,這篇文章主要給大家介紹了關(guān)于threejs太陽(yáng)光與陰影效果的相關(guān)資料,需要的朋友可以參考下
2022-04-04
微信小程序頁(yè)面滾動(dòng)到指定位置代碼實(shí)例
這篇文章主要介紹了微信小程序頁(yè)面滾動(dòng)到指定位置代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
Javascript中Object和Map之間的轉(zhuǎn)換方法
在許多編程語(yǔ)言中,Object和Map都是用于存儲(chǔ)鍵值對(duì)的數(shù)據(jù)結(jié)構(gòu),下面這篇文章主要給大家介紹了關(guān)于Javascript中Object和Map之間的轉(zhuǎn)換方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-06-06
js中開(kāi)關(guān)變量使用實(shí)例
本文主要分享了js中開(kāi)關(guān)變量使用實(shí)例的代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
淺談HBuilderX開(kāi)發(fā)小程序的一些問(wèn)題
本文主要介紹了HBuilderX開(kāi)發(fā)小程序的一些問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02