2017-01-14 11 views
0

私は私のWebページに表示したいこのTwitchビデオ(過去の放送)を持っています。今、私はそれが再生されているときのビデオの現在の時間を表示したい。この時間を返すこの関数がありますが、私は "リアルタイム"(実際にはそれが走っているのを見て)で表示することができません。私はアクションを完了した後に現在の時間を表示することしかできません。twitchビデオの現在の時刻を表示

<script src= "http://player.twitch.tv/js/embed/v1.js"></script> 

<div id="play"></div> 
<div id="time"><span>kp</span></div> 

<script type="text/javascript"> 
    var options = { 
     width: 854, 
     height: 480, 
     video: "v113523217" 
    }; 
    var player = new Twitch.Player("play", options); 

    //this just returns 0 
    var test = player.getCurrentTime(); 
    $('#time').append(test); 

    //this works 
    $('span').click(function() { 
     var test = player.getCurrentTime(); 
     $('#time').html(test); 
    }); 
</script> 

プレーヤーの現在の時間の実行中のタイマーを表示することはできますか?私はまた、残りの時間に応じていくつかのことをしたいかもしれません。

答えて

1

私はあなたが毎秒を更新したいと思う:

setInterval(function(){ 
var test = player.getCurrentTime(); 
    $('#time').html(test); 
    //if you want to show something after 1 minute (for example): 
    if(test>60000&&test<61000){ 
    alert("one min"); 
    } 
},1000); 
+0

はあなたの先生ありがとうございました!これを使用してパフォーマンスが少し心配でしたが、これはちょうどいい仕事をしています:) – Luffyyyyy

+0

@Luffyyyyyはうれしいです。 jsのタイマーがqeueに追加され、jsにジョブがないときに実行されます... –

関連する問題