2015-10-06 120 views
0

能有人幫我加我的一些代碼一些代碼,我 在這裏工作是我需要的..變化的div風格

我的全部代碼是在這裏http://jsfiddle.net/2urmku1h/

在這裏,我需要改變

<div style="display:none;">Change style of this div to Block fro js above</div> 

,這裏是我的一些JS代碼,在頭節我需要一些如何工作

function startChecking() { 
    secondsleft -= 1e3; 
    document.querySelector(".load_video").innerHTML = "Please Wait.. " + Math.abs(secondsleft/1e3) + " Seconds"; 
    if (secondsleft == 0) { 
     clearInterval(interval); 
     document.querySelector(".load_video").style.display = "none"; 
     document.querySelector(".frame_src").style.display = ""; 
     document.querySelector(".frame_src").src = document.querySelector(".frame_src").getAttribute("data-src") 
    } 
} 

function startschedule() { 
    clearInterval(interval); 
    secondsleft = threshold; 
    document.querySelector(".load_video").innerHTML = "Please Wait.. " + Math.abs(secondsleft/1e3) + " Seconds"; 
    interval = setInterval(function() { 
     startChecking() 
    }, 1e3) 
} 

function resetTimer() { 
    startschedule() 
} 
var timeout, interval; 
var threshold = 1e4; 
var secondsleft = threshold; 
window.onload = function() { 
    startschedule() 
} 

我需要的是,如果我的視頻鏈接,點擊它會停止倒計時無論剩下5秒什麼都,它就會停止倒計時,hiide這個div <div class="load_video"></div>

,並顯示iframe中。但我想它,當我點擊其中一個按鈕,它確實隱藏load_video div和顯示iframe,但我想它也改變這個div的格式<div style="display:none;">Change style of this div to Block fro js above</div>顯示來阻止。

希望你們明白

+3

http://api.jquery.com/show/ – Neilos

回答

0

有些情況下,你可以選擇你所引用的div元素很多方面。爲了簡單起見,假設您爲該div添加了一個ID ...

<div id="modifyMe" style="display:none;">Change style of this div to Block fro js above</div> 

...然後添加以下代碼,您希望更改div以顯示塊。

jQuery的解決方案:

$('#modifyMe').show(); 

沒有jQuery的:

document.getElementById('modifyMe').style.display = 'block'; 
+0

感謝您的回答。是的,先生我知道,但我不知道我在哪裏添加我的代碼之間的代碼,因爲你在頭部分看到。如果你沒有太多的先生,你會幫我嗎? – student3979923

+0

也許你沒有閱讀,我說我需要它來改變風格,當我點擊一個視頻按鈕。不像,當倒計時是0時,它會改變風格以阻止。或者如果可以做到這一點,當倒計時爲0,然後改變風格以阻止當我點擊視頻按鈕 – student3979923

+0

@ student3979923我編輯了我的答案。您想要將代碼粘貼到視頻鏈接的點擊功能中。這是一個修改後的jsfiddle:http://jsfiddle.net/2urmku1h/2/在你的html中查找我的評論「/ *我在這裏添加了:) * /」 – Joseph