첫 번째 함수는 두 번째를 트리거합니다.

Question

JavaScript에서 끔찍한데, 첫 번째 함수에서 호출 된 볼륨 페이드 완료시 function 1 (fade)을 호출하거나 함수 2 (연속성)를 트리거하려면 어떻게해야합니까? 나는 JQuery에서 어떻게 순수 JS에서 이것을 할 수 있는지에 대한 해답을 찾았다.

기능 1 :

function fade(){ 
     "use strict"; 
     var timepiece, 
     soundwaves = document.getElementsByTagName("video")[0]; 
     if (soundwaves.volume > 0) { 
     soundwaves.volume -= 0.005; 
     timepiece = setTimeout(fade, 80); 
      } 
     } 

기능 2 :

 <!-- Continuity: (Javascript) --> 

     function continuity(){ 
     var elements = document.querySelectorAll("main")[0]; 
     elements.style.transition = "opacity 3s linear 0s"; 
     elements.style.opacity = 1.0; 

     var audiofade, 
     audio = document.getElementById("ambience"); 
     if (audio.volume < 1.0) { 
     audio.volume += 0.005; 
     audiofade = setTimeout(sync, 80); 
     } 
      } 

Answer 1

단순히 else 블록

function fade() 
{ 
    "use strict"; 
    var timepiece, 
    soundwaves = document.getElementsByTagName("video")[0]; 
    if (soundwaves.volume > 0) 
    { 
     soundwaves.volume -= 0.005; 
     timepiece = setTimeout(fade, 80); 
    } 
    else 
    { 
     continuity(); 
    } 
}