微信小程序之發(fā)送短信倒計(jì)時(shí)功能
點(diǎn)擊后
代碼
<form bindsubmit="formSubmit" bindreset="formReset"> <view class="fidpas"> <input type="number" class="fidpas_inp"placeholder-class="lgin_place" placeholder="請(qǐng)輸入手機(jī)號(hào)" name="phonenumber" /> <input type="number" class="fidpas_inp2"placeholder-class="lgin_place" placeholder="請(qǐng)輸入短信驗(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ā)送短信倒計(jì)時(shí)功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-01-01javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能
這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能的相關(guān)資料,需要的朋友可以參考下2016-01-01JavaScript統(tǒng)計(jì)數(shù)組中相同的數(shù)量的方法總結(jié)
在JavaScript中,我們經(jīng)常需要對(duì)數(shù)組中對(duì)象的屬性進(jìn)行統(tǒng)計(jì)。在本文中,我們將介紹如何使用JavaScript來實(shí)現(xiàn)這一功能,文中有詳細(xì)的代碼示例,需要的朋友可以借鑒參考2023-05-05await/async無法捕獲與處理錯(cuò)誤信息的解決方案分享
async await 中添加錯(cuò)誤處理個(gè)人認(rèn)為是有必要的,下面這篇文章主要給大家介紹了關(guān)于await/async無法捕獲與處理錯(cuò)誤信息的解決方案,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02JavaScript在網(wǎng)頁中畫圓的函數(shù)arc使用方法
這篇文章主要介紹了JavaScript在網(wǎng)頁中畫圓的函數(shù)arc使用方法的相關(guān)資料,需要的朋友可以參考下2015-11-11javascript?Echart可視化學(xué)習(xí)
這篇文章主要為大家介紹了Echart可視化學(xué)習(xí)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-01-01JavaScript定義函數(shù)_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript定義函數(shù)的相關(guān)資料,需要的朋友可以參考下2017-06-06