使javascript在主体上而不是在js文件中工作

我试图将我的按钮javascript代码放在页面主体上，而不是js文件中

您在标题处看到的代码将转到js文件，但现在我把它放在标题处

当我点击该按钮时，它将隐藏class=“load\u video”并播放视频

但我想把它的代码放在主体上，因为若出于某种原因js文件并没有加载到浏览器上，用户必须能够点击按钮，而不是等待10次播放视频

标题中的代码是我的10秒计数器。它将从10秒倒计时，当它为0时，视频将开始

以下是我在plnkr上的javascript代码完整代码

函数startcheck（）{
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_src”）.src=document.querySelector（“.frame_src”）.getAttribute（“data src”），$（“.btn_单击播放”）.hide（））
}
函数startschedule（）{
document.querySelector（“.frame\u src”）.src=“关于：空白”；
clearInterval（interval），secondsleft=threshold，document.querySelector（“.load_video”）.innerHTML=“请稍候..”+Math.abs（secondsleft/1e3）+“秒”，interval=setInterval（函数（）{
斯塔切克
}，1e3）
}
函数resetTimer（）{
startschedule（）
}
var超时，间隔，阈值=1e4，
secondsleft=阈值；
window.onload=函数（）{
startschedule（）
};

所有这些代码我想把它们放在js文件中，但我只需要拿出我的按钮代码放在主体上

因为若它是这样的，若由于某种原因我的文件并没有加载，那个么并没有倒计时开始，用户将不能点击按钮

---

如果有人能在这里帮助我或向我发送聊天请求，我将不胜感激。

您应该使用按钮onclick event来处理事件，而不是调用startschedule函数

所以你的代码应该是：

  window.onload = function() {
    //startschedule()
    document.getElementById('btn_click_to_play').onclick = function(){
    $(".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");
    $("#btn_click_to_play").hide() ;


    }

---

你可以使用任何函数来处理点击事件。

如果这是你的问题，只需在你的末尾使用你的代码。

首先，你能解释一下你的意思吗？很难理解你想要实现什么。其次，你的JS代码在使用

，

作为一个行尾字符，当它应该是

；

时，我试图做的是从我的标题代码到正文中获取按钮代码。在标题中，有倒计时代码和按钮代码也包含在其中。关于语法错误，没有错误，没有错误。代码很好，正在工作。它只是在plnkr上显示错误。如果您有支持html的服务器y你可以测试代码谢谢你，卡巴莱罗，但是你理解我的代码吗？我觉得很复杂。你能帮我做一下吗？你的意思是什么？我在javascriptthank方面没有太多经验。谢谢。但是代码不起作用。我可以开始和你聊天吗？

  window.onload = function() {
    //startschedule()
    document.getElementById('btn_click_to_play').onclick = function(){
    $(".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");
    $("#btn_click_to_play").hide() ;


    }