Javascript nicht mehr reagiert, während Video-Player aktuelle Zeit

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'); 

der obige Code nimmt nicht mehr reagiert und debuger zeigt diese Zeile var currentTime1 = $ ('Video') erhalten (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);      
      } 
     } 

dieser Code funktioniert ohne Schleifenkonstrukt. setInterval() funktioniert, um die Aktion immer wieder zu wiederholen.

Answer 2

Ihr Code wird auf Endlosschleife wegen

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

Es ist so schnell ausgeführt, wie Ihr Browser erlaubt, so bekommen es klemmt, weil setTimeout wird nach 1s und Ihre currentTime1 wird sich nie ändern ausgeführt werden.

Bitte Logik ändern - use video events, like timeupdate