當div出現時運行javascript

當DIV出現時，我需要運行javascript（停止JWPlayer）。它顯示約。頁面完全加載15秒後。當div出現時運行javascript

我到目前爲止

if (document.getElementById("overlay_div")) { jwplayer().stop(); }

我想我的代碼查找overlay_div在頁面加載的時間，而不是一段時間後（在這種情況下，15秒）

編輯代碼：它事實上，DIV實際上一直存在，但在此時間間隔之後，它從display：none切換到display：block。有沒有什麼辦法來運行腳本煥格變成爲display：block

EDIT2：我設法解決這個我自己有@elbunuelo 這裏的幫助，是任何人的情況下的代碼需要它：

var interval = setInterval(function(){ 
if (document.getElementById("overlay_main_div").style.display=="block"){ 
     jwplayer().stop(); 
     clearInterval(interval); 
} }, 1000);

來源

2012-11-16 user1829531

而不是基於div的可見性的基礎上你的邏輯是不是更好地把jwplayer（）。停止（）在實際顯示div的相同功能？ – lostsource

您是否嘗試過使用間隔？即如果div存在，則每隔1000 ms檢查一次，然後停止播放器？

var interval = setInterval(function(){ 
    if (document.getElementById("overlay_div")) { 
      jwplayer().stop(); 
      clearInterval(interval); 
    } 
}, 1000);

來源

2012-11-16 13:16:21 elbunuelo

感謝這很有幫助，但事實證明，DIV實際上始終存在，但在此時間間隔之後它會從display：none切換到display：block。有沒有什麼辦法可以運行腳本，輪到顯示：block？ – user1829531

我知道如何在Mootools中做到這一點，但我不記得如何在原生Javascript中獲得特定的樣式規則。你使用任何框架？快速編輯：如果你沒有使用任何框架，[這]（http://stackoverflow.com/questions/4172871/javascript-get-styles）文章可能會得心應手。只要獲得'顯示'樣式並檢查它是否設置爲阻止而不是檢查元素是否存在 – elbunuelo

您可以在div後面添加腳本標記，以便在標記就位時運行。

<div id="overlay_div"></div> 
<script type="text/javascript"> 
if (document.getElementById("overlay_div")) { jwplayer().stop(); } 
</script>

來源

2012-11-16 13:22:12

這取決於div元素的顯示方式：

：;：
- 使用突變只是調用函數）
- 事件觀察者，如果該節點插入DOM樹中https://developer.mozilla.org/en-US/docs/DOM/MutationObserver?redirectlocale=en-US&redirectslug=DOM%2FDOM_Mutation_Observers
- 如果節點被另一undectectable方式（CSS加法）示出並作爲回退到先前的方法，只是創建一個超時稱其爲限制到n次：

var times=0; 
function divcheck() { 
    if (document.getElementById("overlay_div")) { jwplayer().stop(); } 
    else if(times<10) { times++; setTimeout(divCheck,1000); } 
    } 

setTimeout(divCheck,15000);

來源

2012-11-16 13:25:14 nfroidure

當div出現時運行javascript

回答

相關問題