基于JavaScript實現(xiàn)手機短信按鈕倒計時(超簡單)
更新時間：2015年12月30日 15:40:03 作者：我_愛編程
在淘寶等購物網(wǎng)站，我們都會看到一個發(fā)送短信倒計時的按鈕，究竟是如何實現(xiàn)的呢？下面小編通過本篇文章給大家分享一段代碼關于js實現(xiàn)手機短信按鈕倒計時，需要的朋友參考下
在淘寶等購物網(wǎng)站，我們都會看到一個發(fā)送短信倒計時的按鈕，究竟是如何實現(xiàn)的呢？下面我就給大家提供一段代碼很實用的。
廢話不多說了，直接給大家貼js代碼了。
/*
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)手機短信按鈕倒計時的全部敘述，希望大家喜歡。
您可能感興趣的文章:
- JavaScript實現(xiàn)短信倒計時60s
- JS實現(xiàn)發(fā)送短信驗證后按鈕倒計時功能(防止刷新倒計時失效)
- JS獲取短信驗證碼倒計時的實現(xiàn)代碼
- js實現(xiàn)短信發(fā)送倒計時功能（正則驗證）
- js實現(xiàn)5秒倒計時重新發(fā)送短信功能
- JS實現(xiàn)用戶注冊時獲取短信驗證碼和倒計時功能
- JS短信驗證碼倒計時功能的實現(xiàn)（沒有驗證碼，只有倒計時）
- js發(fā)送短信倒計時的簡單實現(xiàn)方法
- 基于JS實現(xiàn)發(fā)送短信驗證碼后的倒計時功能(無視頁面刷新，頁面關閉不進行倒計時功能)
- javascript實現(xiàn)發(fā)送短信倒計時
相關文章
這篇文章介紹了js獲得地址欄?問號后參數(shù)的方法，有需要的朋友可以參考一下2013-08-08
JS自定義函數(shù)實現(xiàn)時間戳轉(zhuǎn)換成date的方法示例
這篇文章主要介紹了JS自定義函數(shù)實現(xiàn)時間戳轉(zhuǎn)換成date的方法,結(jié)合具體實例形式分析了javascript時間戳與日期格式的計算與轉(zhuǎn)換相關操作技巧,需要的朋友可以參考下2017-08-08
本文主要介紹了JS實現(xiàn)顏色動態(tài)淡化效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
移動端的開發(fā)過程中，免不了要判斷橫豎屏，然后在執(zhí)行其他操作，比如分別加載不同樣式，橫屏顯示某些內(nèi)容，豎屏顯示其他內(nèi)容等等。2016-05-05
在table中插入多行的js代碼(與insertAdjacentHTML相似的功能)
在table中插入多行，能使用與insertAdjacentHTML相似的功能2010-06-06
在Threejs中類似于我們現(xiàn)實世界,物體顯示的顏色是由物體本身的顏色及光照的顏色相互疊加而得到的,這篇文章主要給大家介紹了關于threejs太陽光與陰影效果的相關資料,需要的朋友可以參考下2022-04-04
這篇文章主要介紹了微信小程序頁面滾動到指定位置代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
Javascript中Object和Map之間的轉(zhuǎn)換方法
在許多編程語言中,Object和Map都是用于存儲鍵值對的數(shù)據(jù)結(jié)構,下面這篇文章主要給大家介紹了關于Javascript中Object和Map之間的轉(zhuǎn)換方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
本文主要分享了js中開關變量使用實例的代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
本文主要介紹了HBuilderX開發(fā)小程序的一些問題，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02