微信小程序 简单计时器制作

原创 黄良钵  2018-03-09 17:45  阅读 195 次 评论 1 条

微信小程序 简单计时器制作

小程序简单计时器的制作,也可用于倒计时,以录音计时为例:

  1. // 计时器
  2. function timer(that){
  3.   // timeout则跳出递归
  4.   if (that.data.record == 0){
  5.     return;
  6.   }
  7.   if(that.data.min == 10){
  8.     return;
  9.   }
  10.   let sec = that.data.sec * 1
  11.   let min = that.data.min * 1
  12.   sec += 1
  13.   if(sec < 10){
  14.     sec = '0' + sec;
  15.   }else if(sec == 60){
  16.     sec = '00'
  17.     min += 1
  18.   }
  19.   if(min < 10){
  20.     min = '0' + min
  21.   }
  22.   that.setData({
  23.     sec: sec,
  24.     min: min
  25.   })
  26.   setTimeout(function(){
  27.     timer(that);
  28.   },1000)
  29. }
  30. Page({
  31.   /**
  32.    * 页面的初始数据
  33.    */
  34.   data: {
  35.     record: 0, // 录音按钮显示状态
  36.     sec: '00',
  37.     min: '00',
  38.   },
  39.   // 开始录音
  40.   startRecord: function (e) {
  41.     let that = this;
  42.     that.setData({
  43.       sec: '00'
  44.     })
  45.     recorderManager.start(options);
  46.     recorderManager.onStart(() => {
  47.       that.setData({
  48.         record: 1
  49.       })
  50.       timer(that);
  51.     })
  52.   },
  53.   // 停止录音
  54.   stopRecord: function (e) {
  55.     let that = this;
  56.     recorderManager.stop();
  57.     recorderManager.onStop((res) => {
  58.       console.log('recorder stop', res)
  59.       const { tempFilePath } = res
  60.       wx.showToast({
  61.         title: '录音保存成功',
  62.         icon: 'success',
  63.         duration: 2000
  64.       })
  65.       that.setData({
  66.         record: 0
  67.       })
  68.       timer(that);
  69.     })
  70.   },
  71. })

历史上的今天:

关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
版权声明:本文为原创文章,版权归 黄良钵 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 汇文吧论坛
    汇文吧论坛 【VIP 1】来自天朝的朋友 谷歌浏览器 Windows 7 中国 · 辽宁 · 沈阳 · 教育网 @回复

    感谢博主, 正好用到。