微信小程序之發(fā)送短信倒計(jì)時(shí)功能
更新時(shí)間：2017年08月30日 08:41:08 作者：dsfdssd
這篇文章主要介紹了微信小程序之發(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)文章
這篇文章主要介紹了在JSP中如何實(shí)現(xiàn)MD5加密的方法,較為詳細(xì)的分析了JSP采用MD5加密的功能、特點(diǎn)及實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下.2016-11-11
JS 實(shí)現(xiàn)隨機(jī)驗(yàn)證碼功能
驗(yàn)證碼驗(yàn)證是網(wǎng)頁(yè)常出現(xiàn)的一個(gè)驗(yàn)證點(diǎn)，所謂驗(yàn)證碼類型有很多，下面代碼只是實(shí)現(xiàn)一個(gè)簡(jiǎn)單的驗(yàn)證功能，需要的朋友參考下2017-02-02
基于RequireJS和JQuery的模塊化編程日常問題解析
本文是小編日常收集整理些有關(guān)RequireJS和JQuery的模塊化編程，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
這篇文章主要介紹了js判斷瀏覽器版本以及瀏覽器內(nèi)核的方法,可實(shí)現(xiàn)針對(duì)各個(gè)瀏覽器的判斷,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
手把手教你用JS實(shí)現(xiàn)回車評(píng)論功能
最近在寫一個(gè)問答功能,類似于評(píng)論,下面這篇文章主要給大家介紹了關(guān)于如何用JS實(shí)現(xiàn)回車評(píng)論功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
跟我學(xué)Nodejs（一）--- Node.js簡(jiǎn)介及安裝開發(fā)環(huán)境
這篇文章主要介紹了Node.js簡(jiǎn)介及安裝開發(fā)環(huán)境,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了Vue 組件渲染詳情，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08
這篇文章主要介紹了JavaScript如何獲取圖片的原始尺寸以寬度為例,需要的朋友可以參考下2014-05-05
本篇文章主要是對(duì)JS文本獲得焦點(diǎn)清除文本文字的示例代碼進(jìn)行介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)登錄頁(yè)面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05