Question

加载页面时，必须隐藏class="frame_src"

这个iframe display="none"

10秒后，此div必须隐藏class="load_video"并显示iframe class="frame_src"

现在的问题是当倒计时在某种程度上计算iframe视频在后台播放时，我可以听到它，当10秒钟过后，它将再次播放视频。

这是我的完整代码：http://plnkr.co/edit/LhxRjJXBnCGKGfW4ZLWO?p=preview

这是我的javascript代码：

<script>
function startChecking() {
    secondsleft -= 1e3, document.querySelector(".load_video").innerHTML = "Please Wait.. " + Math.abs(secondsleft / 1e3) + " Seconds", 0 == secondsleft && (clearInterval(interval), $(".reloadframe").show(), 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, threshold = 1e4,
    secondsleft = threshold;
window.onload = function () {
    startschedule()
};
</script>

Answer 1

好的，您必须清除iframe的内容以及src的内容。

您可以about:blank使用src，因为它会在iframe

中加载一个平淡无奇的页面

所以如果你添加

document.querySelector(".frame_src").src = "about:blank";

到startschedule()函数的开头，它会为你做到这一点。

更改后，您的功能应如下所示：

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

使用javascript隐藏div并使用倒计时显示iframe

1 个答案: