js计时器 and 倒计时

最新推荐文章于 2022-08-29 10:58:47 发布

爱吃爱喝爱玩儿乐

最新推荐文章于 2022-08-29 10:58:47 发布

阅读量189

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/ms_alinda/article/details/118001879

版权

JavaScript 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

一、计时器

输出格式：1天 00:00:12 ➡️ 1天 00:00:13

formatTimer(value) {
  let secondTime = parseInt(value); // 秒
  let minuteTime = 0; // 分
  let hourTime = 0; // 小时
  let dayTime = 0; // 天
  let result = '';
  if (value < 60) {
    result = value < 10 ? `00:00:0${secondTime}` : `00:00:${secondTime}`
  } else {
    if (secondTime >= 60) {
      // 如果秒数大于60，将秒数转换成整数
      // 获取分钟，除以60取整数，得到整数分钟
      minuteTime = parseInt(secondTime / 60);
      // 获取秒数，秒数取佘，得到整数秒数
      secondTime = parseInt(secondTime % 60);
      // 如果分钟大于60，将分钟转换成小时
      if (minuteTime >= 60) {
        // 获取小时，获取分钟除以60，得到整数小时
        hourTime = parseInt(minuteTime / 60);
        // 获取小时后取佘的分，获取分钟除以60取佘的分
        minuteTime = parseInt(minuteTime % 60);
        if (hourTime >= 24) {
          // 获取天数， 获取小时除以24，得到整数天
          dayTime = parseInt(hourTime / 24);
          // 获取小时后取余小时，获取分钟除以24取余的分；
          hourTime = parseInt(hourTime % 24);
        }
      }
    }
    if (secondTime > 0) {
      secondTime = parseInt(secondTime) >= 10 ? secondTime : '0' + secondTime;
    }
    if (minuteTime > 0) {
      minuteTime = parseInt(minuteTime) >= 10 ? minuteTime : '0' + minuteTime;
    }
    if (hourTime > 0) {
      hourTime = parseInt(hourTime) >= 10 ? hourTime : '0' + hourTime;
    }
    if (dayTime > 0) {
      dayTime = parseInt(dayTime) + '天';
    }
  }
  return `${dayTime || ''} ${hourTime || '00'}:${minuteTime || '00'}:${secondTime || '00'}`;
}

二：倒计时

输出格式：4天1小时49分03秒➡️ 4天1小时49分02秒

downTimer(value) {
    let secondTime = parseInt(value); // 秒
    let minuteTime = 0; // 分
    let hourTime = 0; // 小时
    let dayTime = 0; // 天
    let result = '';
    if (value < 60) {
      result = secondTime + '秒';
    } else {
      if (secondTime >= 60) {
        // 如果秒数大于60，将秒数转换成整数
        // 获取分钟，除以60取整数，得到整数分钟
        minuteTime = parseInt(secondTime / 60);
        // 获取秒数，秒数取佘，得到整数秒数
        secondTime = parseInt(secondTime % 60);
        // 如果分钟大于60，将分钟转换成小时
        if (minuteTime >= 60) {
          // 获取小时，获取分钟除以60，得到整数小时
          hourTime = parseInt(minuteTime / 60);
          // 获取小时后取佘的分，获取分钟除以60取佘的分
          minuteTime = parseInt(minuteTime % 60);
          if (hourTime >= 24) {
            // 获取天数， 获取小时除以24，得到整数天
            dayTime = parseInt(hourTime / 24);
            // 获取小时后取余小时，获取分钟除以24取余的分；
            hourTime = parseInt(hourTime % 24);
          }
        }
      }
      if (secondTime > 0) {
        secondTime = parseInt(secondTime) >= 10 ? secondTime : '0' + secondTime;
        result = '' + secondTime + '秒';
      }
      if (minuteTime > 0) {
        minuteTime = parseInt(minuteTime) >= 10 ? minuteTime : '0' + minuteTime;
        result = '' + minuteTime + '分' + result;
      }
      if (hourTime > 0) {
        result = '' + parseInt(hourTime) + '小时' + result;
      }
      if (dayTime > 0) {
        result = '' + parseInt(dayTime) + '天' + result;
      }
    }
    return result;
  }