麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

小程序實現短信登錄倒計時

2019-11-19 11:11:33
字體:
來源:轉載
供稿:網友

在平時的短信登錄中,當發送短信驗證碼后會顯示倒計時,那么這個倒計時如何實現呢?

wxml文件

<view class='Form'> <form bindsubmit="formSubmit" bindreset="formReset" class='forms'>  <view class="fidpas">  <input type="number" class="phonenumber" placeholder="請輸入手機號" name="phonenumber" />  <input type="number" class="message" placeholder="請輸入短信驗證碼" name="msg" />  <button class="{{sendmsg}}" bindtap="sendmessg" class='btn'>{{getmsg}}</button>  </view>  <button class="lgbut" formType="submit" type='warn'>下一步</button> </form></view>

js文件

let timeId = null;Page({ data: { sendmsg: "sendmsg", getmsg: "獲取短信驗證碼", }, sendmessg: function (e) { var timer=1; if (timer == 1) {  timer = 0  var that = this  var time = 60  that.setData({  sendmsg: "sendmsgafter",  })  var inter = setInterval(function () {  that.setData({   getmsg: time + "s后重新發送",  })  time --  if (time < 0) {   timer = 1   clearInterval(inter)   that.setData({   sendmsg: "sendmsg",   getmsg: "獲取短信驗證碼",   })  }  }, 1000) } },  })

wxss文件

.Form{ margin-top: 80px;}.forms input{ padding: 10px ;}.phonenumber{ border-bottom: 1px solid #ccc;}.message{ display: inline-block}.btn{ display: inline-block; font-size: 14px;}.forms button{ margin-top: 15px;}

效果圖

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 爱视频福利 | 91短视频在线视频 | 91中文在线观看 | 8x成人在线电影 | 久久久久亚洲视频 | 毛片视频大全 | 九九视屏 | 成人艳情一二三区 | 羞羞视频免费网站男男 | 九九热在线视频免费观看 | 成人综合一区二区 | 欧日韩在线视频 | 高潮激情aaaaa免费看 | 久章草在线观看 | 欧美在线观看视频网站 | 一级电影免费在线观看 | 72pao成人国产永久免费视频 | 精品一区二区三区中文字幕老牛 | 国产毛片视频 | 青青草成人免费视频在线 | 97色在线观看免费视频 | 亚洲精品欧美二区三区中文字幕 | 日朝毛片| 精品久久久久久中文字幕 | 精品欧美一区二区精品久久 | 一级做a爰性色毛片免费1 | 黄色高清免费 | 激情小说激情图片激情电影 | 538任你躁在线精品视频网站 | 少妇av片| 小视频免费在线观看 | 国内精品久久久久久久久久久久 | 国产精品啪一品二区三区粉嫩 | 91成人一区二区三区 | 国产精品视频2021 | 免费看污视频在线观看 | 日本a级一区| 欧美a区 | 免费h片网站 | asiass极品裸体女pics | 欧美日韩中文字幕在线视频 |