调用函数返回时分秒，（通话时长）

波波只会Cv

于 2022-07-18 15:58:08 发布

阅读量340

点赞数 1

分类专栏：代码呀文章标签： ReactNative 计时器状态管理定时器函数时间格式化

本文链接：https://blog.csdn.net/weixin_50813407/article/details/125852745

版权

代码呀专栏收录该内容

17 篇文章 0 订阅

订阅专栏

showTime(val) {
    if(val<60){
      this.setState({
        num:val + "秒"
      })
    }else{
      var min_total = Math.floor(val / 60); // 分钟
      var sec = Math.floor(val % 60); // 余秒
      if (min_total < 60) {
        this.setState({
          num:min_total + "分钟" + sec + "秒"
        })
      }else{
        var hour_total = Math.floor(min_total / 60); // 小时数
        var min = Math.floor(min_total % 60); // 余分钟
        this.setState({
          num:hour_total + "小时" + min + "分钟" + sec + "秒"
        })
      }
    }
  }

项目中遇到的模仿微信通话时间累加，这里需要配合setInterval使用（以下为react Native项目中代码）

timeAdd(s) {
     var i = 0
     var timer = setInterval(() => {
       i++
       this.showTime(i)
    }, 1000);
     this.setState({
      carTimer:timer
    })
   }
 showTime(val) {
    if(val<60){
      this.setState({
        num:val + "秒"
      })
    }else{
      var min_total = Math.floor(val / 60); // 分钟
      var sec = Math.floor(val % 60); // 余秒
      if (min_total < 60) {
        this.setState({
          num:min_total + "分钟" + sec + "秒"
        })
      }else{
        var hour_total = Math.floor(min_total / 60); // 小时数
        var min = Math.floor(min_total % 60); // 余分钟
        this.setState({
          num:hour_total + "小时" + min + "分钟" + sec + "秒"
        })
      }
    }
  }