微信小程序之發(fā)送短信倒計時功能
更新時間：2017年08月30日 08:41:08 作者：dsfdssd
這篇文章主要介紹了微信小程序之發(fā)送短信倒計時功能,需要的朋友可以參考下
點(diǎn)擊后
代碼
<form bindsubmit="formSubmit" bindreset="formReset">
<view class="fidpas">
<input type="number" class="fidpas_inp"placeholder-class="lgin_place" placeholder="請輸入手機(jī)號" name="phonenumber" />
<input type="number" class="fidpas_inp2"placeholder-class="lgin_place" placeholder="請輸入短信驗(yàn)證碼" name="msg" />
<button class="{{sendmsg}}" bindtap="sendmessg">{{getmsg}}</button>
</view>
<button class="lgbut" formType="submit">下一步</button>
</form>
data: {
sendmsg: "sendmsg",
getmsg:"獲取短信驗(yàn)證碼",
},
/**
* 獲取短信驗(yàn)證碼
*/
sendmessg:function(e){
if (timer==1){
timer=0
var that=this
var time=60
that.setData({
sendmsg:"sendmsgafter",
})
var inter=setInterval(function(){
that.setData({
getmsg: time + "s后重新發(fā)送",
})
time--
if(time<0){
timer=1
clearInterval(inter)
that.setData({
sendmsg: "sendmsg",
getmsg: "獲取短信驗(yàn)證碼",
})
}
},1000)}
},
思路：將BUTTON后樣式和內(nèi)容設(shè)為變量，點(diǎn)擊之后setData將其改變即可
總結(jié)
以上所述是小編給大家介紹的微信小程序之發(fā)送短信倒計時功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片3D輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-01-01
javascript實(shí)現(xiàn)簡單的全選和反選功能
這篇文章主要介紹了javascript實(shí)現(xiàn)簡單的全選和反選功能的相關(guān)資料,需要的朋友可以參考下2016-01-01
本文主要講解javascript之迭代器，在 JavaScript 中，迭代器是一個對象，它定義一個序列，并在終止時可能返回一個返回值。需要詳細(xì)了解相關(guān)知識的小伙伴可以參考一下這篇文章2021-09-09
JavaScript統(tǒng)計數(shù)組中相同的數(shù)量的方法總結(jié)
在JavaScript中，我們經(jīng)常需要對數(shù)組中對象的屬性進(jìn)行統(tǒng)計。在本文中，我們將介紹如何使用JavaScript來實(shí)現(xiàn)這一功能，文中有詳細(xì)的代碼示例，需要的朋友可以借鑒參考2023-05-05
async await 中添加錯誤處理個人認(rèn)為是有必要的,下面這篇文章主要給大家介紹了關(guān)于await/async無法捕獲與處理錯誤信息的解決方案,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
JavaScript在網(wǎng)頁中畫圓的函數(shù)arc使用方法
這篇文章主要介紹了JavaScript在網(wǎng)頁中畫圓的函數(shù)arc使用方法的相關(guān)資料,需要的朋友可以參考下2015-11-11
一個簡單的示例來演示如何使用自定義的eventUtil對象，javascript事件處理函數(shù)2011-08-08
javascript?Echart可視化學(xué)習(xí)
這篇文章主要為大家介紹了Echart可視化學(xué)習(xí)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
JavaScript定義函數(shù)_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript定義函數(shù)的相關(guān)資料,需要的朋友可以參考下2017-06-06