2014-11-03 73 views
0

我很奇怪,爲什麼做如下工作:的addEventListener只觸發了第一個事件

//maak variabelen aan 
     var video = document.getElementById('video'); 
     var show = 100; 
     var hide = 99; 

    video.addEventListener("timeupdate", function() { 
     if (video.currentTime >=show){ 
      showPlaceHolder(); 
     } 

     if (video.currentTime <=hide){ 
      hidePlaceHolder(); 
     } 
      }, false); 

但對於下面的代碼只有第一個事件觸發? :

var bvideo = document.getElementById('background'); 
var boombegin = 0; 
var boomeind = 7; 
var autoeind = 13; 
var wolkbegin = 13; 
var wolkeind = 19; 

    bvideo.addEventListener("timeupdate", function() { 
     if (bvideo.currentTime <=boombegin){ 
      document.getElementById('boom').style.visibility = 'visible'; 
      document.getElementById('wolk').style.visibility = 'hidden'; 
      document.getElementById('car').style.visibility = 'hidden'; 
     } 

     if (bvideo.currentTime >=boomeind){ 
      document.getElementById('boom').style.visibility = 'hidden'; 
      document.getElementById('car').style.visibility = 'visible'; 
     } 

     if (bvideo.currentTime >=autoeind){ 
      document.getElementById('car').style.visibility = 'hidden'; 
     } 

     if (bvideo.currentTime >= wolkbegin){ 
      document.getElementById('wolk').style.visibility = 'visible'; 
     } 

     if (bvideo.currentTime >= wolkeind){ 
      document.getElementById('wolk').style.visibility = 'hidden'; 
     } 
    }, false); 

有沒有人知道爲什麼只有第一個事件被觸發?

我已經試過了的addEventListener如下: 秒, MS, 設置警報檢查哪些事件解僱(僅第一個廣告)

+1

你爲什麼不只是這兩個功能結合成一個? – 2014-11-03 11:24:09

+0

我不能,因爲有一個爲2級獨立的視頻的事件偵聽器,我已經刪除但是在代碼中重複,但它仍然沒有工作..第一形象成爲可見的是可見的,別人看不見,但第二個事件從未觸發? – Gerwin 2014-11-03 11:47:06

+0

你可以把它變成小提琴,以便我可以進一步幫助你嗎? – 2014-11-03 16:48:59

回答

0

我忘了編輯下面幾行:從 :

if (video.currentTime >= wolkeind){ 

到:

if (bvideo.currentTime >= wolkeind){ 

所以檢查錯誤的事件,謝謝你的建議。

0

第二個因素似乎是一個幻燈片,確實二號一個當前時間更新?

也是你的第二,如果檢查總會第二個電話後評價如此。

+0

這個問題已經解決了,謝謝你的回覆,但我忘了編輯'video'到'bvideo'b代表'背景' – Gerwin 2014-11-03 12:19:05