2016-06-26 51 views
1

我想在15秒45秒的視頻文件來觸發一個警報事件。我能夠啓動使用下面的功能,我將如何導致功能('警報)只觸發一次。的Javascript:timeupdate端功能

var video = document.getElementById("media"); 
video.addEventListener('timeupdate', function(e) { 
    if (e.target.currentTime == 15000); 
    alert("Hello! I am an alert box!!"); 
}, false); 
+0

刪除事件偵聽器? –

回答

0

上面的代碼是行不通的,因爲每一個timeupdate,你不能保證當前的時間會給你15000(應該是15/15.000,正確的做法,在幾秒鐘內使用當前時間)。它可能不會被觸發。

相反,在JavaScript中使用setTimeout函數,就像這樣:

video.play(); 
    var to = setTimeout(function(){ 
    alert("Hello! I am an alert box!!");},15000); 

要停止超時,使用:

clearTimeout(to); 

糾正我,如果我錯了。

+0

有沒有一種方法可以在第一時間有效關閉時間更新功能。例如,它不是一個警報,而是一個div淡入淡出(使用CSS動畫)。 – jedihamster

+0

回答編輯fyr –