2015-10-06 71 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