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

当页面加载此iframe时，必须隐藏此iframe

class=“frame\u src”

，如

display=“none”

10秒后，该div必须隐藏

class=“load\u video”

并显示

iframe class=“frame\u src”

现在的问题是，当倒数计时时，iframe视频会在后台播放，我能听到，当10秒过去后，它会再次播放视频

以下是我的完整代码：

以下是我的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>

函数启动检查（）{
secondsleft-=1e3，document.querySelector（“.load_video”）.innerHTML=“请稍候…”+Math.abs（secondsleft/1e3）+“秒”，0==secondsleft&（clearInterval（interval），$（“.reloadframe”）.show（），document.querySelector（“.load_video”）.style.display=“无”，document.querySelector（.frame_src”）.style.display=“”，document.querySelector(“.frame\u src”）.src=document.querySelector（“.frame\u src”）.getAttribute（“数据src”））
}
函数startschedule（）{
clearInterval（interval），secondsleft=threshold，document.querySelector（“.load_video”）.innerHTML=“请稍候…”+Math.abs（secondsleft/1e3）+“秒”，interval=setInterval（函数（）{
斯塔切克
}，1e3）
}
函数resetTimer（）{
startschedule（）
}
var超时，间隔，阈值=1e4，
secondsleft=阈值；
window.onload=函数（）{
startschedule（）
};

好的，您必须清除

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)
}

---

plunker上的fiddle代码不清晰，并且有许多语法错误（其中包含php代码等等）。请创建一个清晰且有效的提琴，并再次更新您的帖子，以便我们可以跟踪代码并找到错误。亲爱的，我的网站上没有错误所有代码都正常工作。我需要的是，当我导航到页面时，我提到的iframe必须隐藏，当倒计时点击0时，然后隐藏class=“load\u video“并显示iframe。我确信它可以从你们在plnkr上看到的标题中的代码中完成。但我不知道怎么做。我在javascript方面没有太多经验。它可以隐藏div并显示iframe，但问题是在倒数计时时，视频将播放。所以它在开始时并没有正确地隐藏iframe。希望你能理解，我知道，你误会我了。我的意思是，你在plunker网站上的这篇文章中提供的链接有错误，因此页面无法正常工作。因此，我要求您创建一个简单的页面，其中包含您的问题所需的内容，然后创建另一个plukner url，以便我们可以调试您的代码。这个链接不显示任何视频，其中的iframe从一开始就可见。我知道，但开发人员为我编写了代码，他说我必须在支持php的服务器上运行它。如果你有一个服务器，制作一个简单的页面并上传，你会看到它的样子。对不起，我有一个服务器，但我没有责任把这个文件上传到我的服务器上，如果你真的想让别人帮你的话，你有责任创建一个干净简单的工作小提琴。我们在这里是为了帮助您解决问题，而不是清理您的代码并使if功能化，以便在以后识别问题！如果你曾经试图创建一个干净的小提琴，那么请更新你的帖子并添加到这里，这样我们就可以跟踪你的代码。