JavaScript 30 Day -- 17 使用reduce进行时间累加

最新推荐文章于 2023-08-17 11:15:13 发布

OileDie

最新推荐文章于 2023-08-17 11:15:13 发布

阅读量355

点赞数

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

JavaScript 30 Day 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

实现效果：

计算video的总时间。

关键点：

1.取得所有li中data-time属性的值，将时间换算为秒并累加求得总时间（单位：秒）;
2.手动计算将总时间转化为新的格式“XX小时XX分XX秒”;
3.将结果显示在页面上。

javascript

  console.info(parseInt(1.99)); 
  var oli = document.querySelectorAll('li');
  var totaltime = document.querySelector('#totaltime');
  var times = [];
  var timeSum;
  // console.log(oli);
  for(var i = 0;i < oli.length; i++){
    var timeItem = oli[i].dataset['time'].split(':');
    // console.log(timeItem);
    // console.log(timeItem.length);
    if(timeItem.length > 2){
      times.push(parseInt(timeItem[0],10)*60*60+parseInt(timeItem[1],10)*60+parseInt(timeItem[2],10));
    }else{
      times.push(parseInt(timeItem[0],10)*60+parseInt(timeItem[1],10));
    }
  }
  console.log(times);
  timeSum = times.reduce(function(a,b){
    return a + b;
  },0);
  console.log(timeSum);
  var hour = parseInt(timeSum / 3600);
  var min = parseInt((timeSum % 3600) / 60);
  var sec = parseInt((timeSum % 3600) % 60);
  totaltime.innerHTML = hour + '小时' + min + '分' + sec + '秒';