vue+moment实现倒计时

// 倒计时
const downTime = ref("")
const showTime=(time)=> {
  let start = moment(new Date()); //获取开始时间
  let end = moment(new Date(time)); //结束时间
  let diff = end.diff(start); //时间差
  var timediff = Math.round(diff / 1000);
  var day = parseInt(timediff / 3600 / 24); 
  var hour = parseInt((timediff / 3600) % 24);
  var minute = parseInt((timediff / 60) % 60);
  var second = timediff % 60;
  //输出还剩多少时间
  downTime.value = day + "天" + timerFilter(hour) + "时" + timerFilter(minute) + "分" + timerFilter(second) + "秒"
  //给小于10的数值前面加 0
  function timerFilter(params) {
    if (params - 0 < 10) {
      return "0" + params;
    } else {
      return params;
    }
  }
  window.requestAnimationFrame(() => {
     showTime(time);
  });
}
// 调用
// showTime("2023/4/8");   
//  showTime("2023/8/4 11:12:13");
let mm = moment().add(60,"minute").format("YYYY-MM-DD  HH:mm:ss")
console.log("当前时间的60分钟之后",mm)
// showTime(mm) // 倒计时60分钟
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值