비디오 플레이어를 현재 시간으로 가져 오는 동안 javascript가 응답을 멈 춥니 다.

Question

var startTime = parent.startTime; 
var endTime = parent.endTime; 
var divID = '#'+parent.divId; 
var description = parent.description; 

do { 
    var currentTime1 = $('video').get(0).currentTime; 
    if(currentTime1 >= startTime) { 
     console.log('in if');alert('hi'); 
     parent.$(divID).append(description); 
    } 
    setTimeout(function(){$('video').get(0).currentTime = $('video').get(0).currentTime + 1; currentTime1 = parseInt($('video').get(0).currentTime); }, 1000); 

} while (currentTime1 <= endTime); 

parent.$(divID).empty(); console.log('at end'); 

위 코드는 응답을 중지하고 디버거가이 줄을 보여줍니다. var currentTime1 = $ ('video'). get (0) .currentTime;

Answer 1

var startTime = parent.startTime; 
      var endTime = parent.endTime; 
      var divID = '#'+parent.divId; 
      var description = parent.description; 

      var myVar = setInterval(check,1000); 
function check() 
     { 
      var currentTime1 = parseInt($('video').get(0).currentTime); 

      if(currentTime1 >= parent.endTime) 
      { 
       clearInterval(myVar); 
       parent.$(divID).empty(); 
      } 
      else if(currentTime1 >= parent.startTime) 
      { 
       parent.$(divID).empty(); 
       parent.$(divID).append(description);      
      } 
     } 

이 코드는 루프 구조없이 작동합니다. setInterval()은 반복 동작을 반복하는 데 사용됩니다.

Answer 2

코드는 때문에

do { 
    var currentTime1 = $('video').get(0).currentTime; 
} while (currentTime1 <= endTime); 

브라우저가 허용하는 그것은 빨리 실행 년대, 무한 루프에 도달, 그래서 setTimeout이 1 초 후 실행됩니다하고 currentTime1 변경하지 않습니다 있기 때문에,의 박히.

논리를 변경해주십시오 - use video events, like timeupdate