您的位置:88bifa必发唯一官网 > 必发88首页 > 也盼望我们多多帮忙脚本之家

也盼望我们多多帮忙脚本之家

发布时间:2019-05-25 05:18编辑:必发88首页浏览(129)

    微信小程序中 "倒计时自动补零" 的一点代码,方法比较简单粗暴,想着以后怎么也能用到,就先总结出来了。

    图片 1

    代码:

    js:

    //index.js
    var num = 10//计时
    var strH = ''
    var strM = ''
    var strS = ''
    var timer = ''
    
    Page({
     data: {
      timeText:''//展示
     },
    
     onLoad: function () {
      this.move()
      //计时开始 后面的1000是毫秒 每1000毫秒跳一次
      timer=setInterval(this.move,1000);
     },
    
     move(){
      //时
      strH = this.zeroFill('' parseInt(num/3600$),2)
    
      //分
      strM = this.zeroFill('' parseInt(num/60$),2)
    
      //秒
      strS = this.zeroFill('' parseInt(num`),2)
    
      //赋值给text内容
      this.setData({
       timeText:strH ':' strM ':' strS
      })
    
      //当时间归零停止计时器
      if (num == 0){
        clearInterval(timer)
        return
      }
    
      //每秒递减
      num--
     },
     zeroFill(str, n){
      //补零方法,str为数字字符串 n为需要的位数,不够补零
      if (str.length < n){
       str = '0' str
      }
      return str
     }
    })
    

    wxml:

    <text>{{timeText}}</text>
    

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    您可能感兴趣的文章:

    • 微信小程序实现倒计时调用相机自动拍照功能
    • 微信小程序实现验证码获取倒计时效果
    • 微信小程序倒计时功能实现代码
    • 微信小程序之发送短信倒计时功能
    • 微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
    • 微信小程序实现倒计时60s获取验证码
    • 微信小程序动态显示项目倒计时效果
    • 微信小程序电商常用倒计时实现实例
    • Android中微信小程序支付倒计时功能
    • 微信小程序实现团购或秒杀批量倒计时

    本文由88bifa必发唯一官网发布于必发88首页,转载请注明出处:也盼望我们多多帮忙脚本之家

    关键词: 必发88首页