유튜브 재생목록에서 총 시간과 남은 시간 구하기 - JavaScript

clear();
(function getTotalHours() {
    var totalHours = 0;
    var ar = document.querySelectorAll("#thumbnail-container #thumbnail " + 
"#overlays span.style-scope.ytd-thumbnail-overlay-time-status-renderer");
    
    var min = 0;
    var sec = 0;
    for(var i = 0; i < ar.length; i++) {
        min = min + parseInt(ar[i].innerText.split(":")[0]);
        sec = sec + parseInt(ar[i].innerText.split(":")[1]);
    }
    totalHours = (min+sec/60)/60;
    var u = 1/100;
    totalHours = Math.round(totalHours/u)*u;
    console.log( "총 재생시간은 " + totalHours +"시간 입니다.");
})();
(function getHoursLeft() {
    var totalHours = 0;
    var ar = document.querySelectorAll("#thumbnail-container #thumbnail " + 
"#overlays span.style-scope.ytd-thumbnail-overlay-time-status-renderer");
    var index = document.querySelector('#publisher-container span.style-scope.yt-formatted-string').innerText;
    var min = 0, sec = 0;
    for(var i = index-1; i < ar.length; i++) {
        min = min + parseInt(ar[i].innerText.split(":")[0]);
        sec = sec + parseInt(ar[i].innerText.split(":")[1]);
    }
    totalHours = (min+sec/60)/60;
    var u = 1/100;
    totalHours = Math.round(totalHours/u)*u;
    console.log( "남은  재생시간은 " + totalHours +"시간 입니다.");
})();

 

 

 

 

 

 

사용 방법은 재생목록을 켜놓은 상태에서 F12를 눌러 개발자도구를 켠 다음,

console 창에서 위 명령어를 복붙하면 된다.

JavaScript를 공부하면서 처음으로 실사용을 위한 무언가를 만든 것이 이것이다.

querySelector, innerText, split, Math.round를 활용했다.

 

 

 

---

이하는 2022.01.27 추가분입니다.

clear() 메소드가 크롬 콘솔에서 인식되지 않으면서 clear is not a function 오류가 발생했습니다.
관련 레퍼런스를 찾지는 못했는데, console객체의 clear펑션으로 명시하니 정상 동작하더라고요.
아무래도 console객체를 명시하지 않으면 안되도록 변경된 것 같습니다.

결론적으로

• 기존 코드에서 clear 펑션을 지우거나,
• clear();를 console.clear(); 로 수정해서 사용하시거나,
• 아래의 코드를 사용하시면 됩니다.

 

console.clear();
(function getTotalHours() {
    var totalHours = 0;
    var ar = document.querySelectorAll("#thumbnail-container #thumbnail " + 
"#overlays span.style-scope.ytd-thumbnail-overlay-time-status-renderer");
    
    var min = 0;
    var sec = 0;
    for(var i = 0; i < ar.length; i++) {
        min = min + parseInt(ar[i].innerText.split(":")[0]);
        sec = sec + parseInt(ar[i].innerText.split(":")[1]);
    }
    totalHours = (min+sec/60)/60;
    var u = 1/100;
    totalHours = Math.round(totalHours/u)*u;
    console.log( "총 재생시간은 " + totalHours +"시간 입니다.");
})();
(function getHoursLeft() {
    var totalHours = 0;
    var ar = document.querySelectorAll("#thumbnail-container #thumbnail " + 
"#overlays span.style-scope.ytd-thumbnail-overlay-time-status-renderer");
    var index = document.querySelector('#publisher-container span.style-scope.yt-formatted-string').innerText;
    var min = 0, sec = 0;
    for(var i = index-1; i < ar.length; i++) {
        min = min + parseInt(ar[i].innerText.split(":")[0]);
        sec = sec + parseInt(ar[i].innerText.split(":")[1]);
    }
    totalHours = (min+sec/60)/60;
    var u = 1/100;
    totalHours = Math.round(totalHours/u)*u;
    console.log( "남은  재생시간은 " + totalHours +"시간 입니다.");
})();