从我的javascript代码更改div样式

时间:2015-10-06 02:56:31

标签: javascript jquery html css iframe

有些人可以通过在我的代码中添加一些代码来帮助我 这就是我需要的......

我的完整代码在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秒还是什么,它将停止倒计时并且在此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>显示的样式来阻止。

希望你们明白

1 个答案:

答案 0 :(得分: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';