[Js] νμ© | youtube μ¬μμκ° κ΅¬νκΈ° | μνμ½λ© javascript
λͺ¨λ ν¬μ€ν μ μΈνλ° [μνμ½λ©] μλ°μ€ν¬λ¦½νΈ κ°μμ λ΄μ©μ λ΄κ³ μμΌλ©°
μΆμ²λ μλμ μ£Όμλ‘ "egoing Lee"λμ μλ£μ λλ€.
μμ μ μΈ μλκ° μλ 곡λΆν κ²μ μ 리ν΄λλ λͺ©μ μΌλ‘ ν¬μ€ν ν κ²μ λλ€.
μΉλΈλΌμ°μ Javascript (μλ°μ€ν¬λ¦½νΈ) - μΈνλ°
μνμ½λ© μλ°μ€ν¬λ¦½νΈ κ°μ’ μ λλ€. μΉλΈλΌμ°μ λ₯Ό μ§μ μ μ΄ν μ μλ μλ°μ€ν¬λ¦½νΈ λ νΌλ°μ€λ₯Ό 곡λΆν΄ λ΄ λλ€. μ΄κΈ μΉ κ°λ° νλ‘κ·Έλλ° μΈμ΄ JavaScript μ¨λΌμΈ κ°μ μλ°μ€ν¬λ¦½νΈ κ°μ’
www.inflearn.com
μ νλΈλ‘ μ¬λ¬ κ°μλ₯Ό λ³Ό λλ₯Ό κ°μ ν΄λ³΄μ. μ¬λ¬ κ°μμ μ΄ μκ°μ΄ μΌλ§μΈμ§ κ³μ°ν΄λ³΄κ³ μΆμ λκ° μκΈ° λ§λ ¨μ΄λ€.
κ·Έ λ, μλμ κ°μ μ½λλ₯Ό μ¬μ©νλ©΄ λλ€!
μ€μ΅ν μ νλΈ μ¬μ΄νΈλ μλμ κ°λ€.
https://www.youtube.com/playlist?list=PLuHgQVnccGMA0lO0qip6Phh6UL73TS0es
μ€μ΅ μ°μ΅μ νκ³ μΆλ€λ©΄, μλ μ£Όμλ₯Ό μ¬μ©νλ©΄ λλ€.
https://jsbin.com/menuziqute/1/edit?html,output
JS Bin
Sample of the bin:
jsbin.com
μ€μ΅ μμ μ½λ
var times = document.querySelectorAll('.pl-video .pl-video-time .timestamp span');
/* κ° λμμμ μκ°μ κ°μ Έμ€κΈ° μν ꡬ문μΌλ‘,
pl-videoλΌλ ν΄λμ€μ νμμ pl-video-time ν΄λμ€ νμμ timestampν΄λμ€ μμμ
span νκ·ΈλΌλ κ°λ€μ κ°μ Έμμ timesλΌλ λ³μ μμ μ μ¬ λ°°μ΄ νμμΌλ‘ κ°μ Έμ¨ κ°μ λμ
νλ€.*/
var duration = 0; // μκ°μ ν©μ ꡬνκΈ° μν λ³μλ‘, μ΄κΈ°νν κ²μ΄λ€.
for(var i=0; i<times.length; i++){ // ꡬνκ³ μ νλ μμμ μκ°μ λͺ¨λ ν©μΉκΈ° μν λ°λ³΅λ¬Έμ΄λ€.
var t = times[i]; // κ° λμμμ μκ°μ λ³μ tμ λμ
νλ€.
t = t.innerText; // νκ·Έλ₯Ό λΊ λ¬Έμμ΄λ§ tλ³μμ λ΄μμ€λ€. μ¦, κ° λμμ μκ°λ§ κ°μ Έμ¨λ€.
t = t.split(':') // λΆ:μ΄ νμμΌλ‘ μ μ₯λμ΄ μκΈ° λλ¬Έμ splitμ μ¬μ©νμ¬ μκ°κ³Ό λΆμ ꡬλ³νλ€.
min = t[0]; // λΆλ§ minλ³μμ λ£λλ€.
sec = t[1]; // μ΄λ§ secλ³μμ λ£λλ€.
duration = duration + parseInt(sec) + parseInt(min)*60
/* λμμ μκ°μ ν©μ³μ£Όλ ꡬ문μΌλ‘,
secκ³Ό minμμ parseIntλ₯Ό λ°κΎΈλ μ΄μ λ λ¬Έμμ΄λ‘ μ μ₯λ λΆκ³Ό μκ°μ μ«μλ‘ λ°κΏμ£Όλ κ²μ΄λ€.
λν, minμ 60μ κ³±ν μ΄μ λ μ΄λ‘ λ°κΏμ durationλ³μμ λμμμ μκ°μ μ΄λ‘ μ μ₯νκΈ° μν΄μμ΄λ€.*/
}
console.log(duration/60/60);
/* μ΄ μκ°μ μ΄λ‘ ꡬνκΈ° λλ¬Έμ 60μ λλ μ μκ°μΌλ‘ λ°κΏμ€λ€.
60μ ν λ² λλλ©΄ λΆμ ꡬνκ² λλ€.*/
[ μ€ν κ²°κ³Ό ]
μμ κ°μ΄ μ΄ 17μκ°μΈ κ²μ μ μ μλ€.