ビデオの再生中に、最初の行が新しいテキストで、2 行目が最初の行から上に移動した古いテキストである 2 行のテキストがあります。ただし、 for ループ中は、両方の行に同じテキストが表示されるため、2 行目はまったく置換されません。誰がそれの何が悪いのか教えてもらえますか? 「text」は 1 行目、「second」は 2 行目です。助けてください。ここで、私の JavaScript コードとウェブサイトは [リンク] http://www.cs.rit.edu/~rskics/study/caption2/test.html (Firefox で動作) です。
var subtitleArray = new Array(); //stored all values from XML caption file
var tempText = "";
$(document).ready(function(){
//alert("get caption 1");
getCaption();
var subtitle2 = document.getElementById('subtitle2');
var video = document.getElementById('video');
$("#video").bind('timeupdate',function(){
var text = "", cap = "";
for( var i = 0; i < subtitleArray.length;i++)
{
var cueStart = parseFloat(subtitleArray[i][0]);
var cueEnd = cueStart + parseFloat(subtitleArray[i][1]);
cap = subtitleArray[i][2];
if (video.currentTime >= cueStart && video.currentTime <= cueEnd) {
text = cap;
}
if ( text != tempText && text != "" ) {
console.log( text );
console.log(tempText);
$("#second").html(text);
}
subtitle2.innerHTML = text;
tempText = text;
console.log( tempText );
}
});
});