VUE正向计时小方法

data(){
    return {
          timeObj: null, // 时间对象,下方会用到
          myHours: '00', // 我定义来接收计算出来的 小时 的
          myMinutes: '00', // 我定义来接收计算出来的 分钟 的
          mySeconds: '00',// 我定义来接收计算出来的 秒钟 的
    }
}

methods:{
        
      //已开机时间
      testTimer(time){   //time 开始计时时间
        this.timeFunction(time);
        setInterval(() => {
          this.timeFunction(time);
        }, 1000)
      },timeFunction(time){
        //如果时间格式是正确的,那下面这一步转化时间格式就可以不用了
        let dateEnd = new Date();//获取当前时间
        let dateDiff = dateEnd.getTime() - time.getTime();//时间差的毫秒数
        let dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天数
        let leave1=dateDiff%(24*3600*1000);   //计算天数后剩余的毫秒数
        let hours=Math.floor(leave1/(3600*1000));//计算出小时数
        //计算相差分钟数
        let leave2=leave1%(3600*1000);   //计算小时数后剩余的毫秒数
        let minutes=Math.floor(leave2/(60*1000));//计算相差分钟数
        //计算相差秒数
        let leave3=leave2%(60*1000);      //计算分钟数后剩余的毫秒数
        let seconds=Math.round(leave3/1000);
        // 计算出时分秒
        this.myHours = hours<10?'0'+hours:hours;
        this.myMinutes = minutes<10?'0'+minutes:minutes;
        this.mySeconds = seconds<10? '0'+seconds:seconds;
      }
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值