youtube 총 재생 시간 구하기 @@ !!

// 이 선택자에는 에러가 있다!! 아래의 코드로 다시 사용하자!

// 에러의 선택자 코드!
var time = document.querySelectorAll(
  ".style-scope ytd-playlist-panel-renderer .style-scope ytd-thumbnail-overlay-time-status-renderer span"
);

var hour = 0,
  min = 0,
  sec = 0;

for (var i = 0; i < time.length; i++) {
  var t = time[i];
  var t = time[i].innerText;
  t = t.split(":");

  t[0] = parseInt(t[0]);
  t[1] = parseInt(t[1]);

  console.log(t);

  sec += t[1];
  min += t[0];
}

console.log("hour : " + hour);
console.log("min : " + min);
console.log("sec : " + sec);

if (sec >= 60) {
  min = min + sec / 60;
  min = parseInt(min);
  sec %= 60;
}

if (min >= 60) {
  hour = min / 60;
  hour = parseInt(hour);
  min %= 60;
}

console.log(`tottal running time : ${hour}:${min}:${sec}`);

 

크으.. 킹 갓 엠페러 생활코딩 이고잉 성우짱짱

​

이를 통해서 내가 언제 동영상 강의를 듣고 포기할 지를 합리적으로 결정할 수 있게 되었다...

​

아래는 현재 내가 듣고 있는 뉴렉쳐 109강짜리 servlet, jsp 강의의 러닝 타임이다.

 

 

https://www.youtube.com/watch?v=drCj2k50j_k&list=PLq8wAnVUcTFVOtENMsujSgtv2TOsMy8zd

 

 

하하하...

​

아래는 이미 완주한 ! 생코 명강 웹애플 만들기 강의!

 

근데 먼가 동영상 갯수가 이상하다!! 저건 102강짜리야.

​

마침내 다시 구했다!

 

 

var time = document.querySelectorAll(
"#secondary #playlist .style-scope ytd-thumbnail-overlay-time-status-renderer span"
);
time.length;

var hour = 0,
  min = 0,
  sec = 0;

for (var i = 0; i < time.length; i++) {
  var t = time[i];
  var t = time[i].innerText;
  t = t.split(":");

  t[0] = parseInt(t[0]);
  t[1] = parseInt(t[1]);

  console.log(t);

  sec += t[1];
  min += t[0];
}

console.log("hour : " + hour);
console.log("min : " + min);
console.log("sec : " + sec);

if (sec >= 60) {
  min = min + sec / 60;
  min = parseInt(min);
  sec %= 60;
}

if (min >= 60) {
  hour = min / 60;
  hour = parseInt(hour);
  min %= 60;
}

console.log(`tottal running time : ${hour}:${min}:${sec}`);

 

 

반드시 기억해야 하는 CSS 선택자 30개

 

CSS: 선택자(Selector) 이해

아래는 올바로 구한 new Lecture 서블릿, 스프링의 강의 시간이다.

내 예상대로 약 16시간이 나왔다.

 

 

대강 한 강의당 9분 17초이다!! 헛헛..