无法将javascript链接到html按钮

Question

我使用Javascript / HTML为游戏做了10秒的倒计时。 此时代码在加载时运行。 但是，问题是我无法将其链接到一个按钮，以便我可以点击代码。

 function countdown(secs,elem){ var element= document.getElementById(elem); element.innerHTML = "Time is running out.." +secs+ " seconds"; secs--; var timer = setTimeout('countdown('+secs+' ,"'+elem+'")',1000); if (secs<1) { clearTimeout(timer); element.innerHTML="<h1> GAME OVER!</h1>"; }; } 

 <div class="clock"> <div id="status"></div> <script type="text/javascript">countdown(10,"status");</script> </div> 

我尝试过很多不同的东西，但似乎无法让它发挥作用。 任何帮助都会很棒。 谢谢

Answer 1

  function countdown(secs, elem) { var element = document.getElementById(elem); element.innerHTML = "Time is running out.." + secs + " seconds"; secs--; var timer = setTimeout('countdown(' + secs + ' ,"' + elem + '")', 1000); if (secs < 1) { clearTimeout(timer); element.innerHTML = "<h1> GAME OVER!</h1>"; }; } 

 <div class="clock"> <div id="status"></div> <button onclick="countdown(10,'status');">Click Me</button> </div> 

Answer 2

试试这个，您可以按照本教程进行参考

 function countdown(secs, elem) { var element = document.getElementById(elem); element.innerHTML = "Time is running out.." + secs + " seconds"; secs--; var timer = setTimeout('countdown(' + secs + ' ,"' + elem + '")', 1000); if (secs < 1) { clearTimeout(timer); element.innerHTML = "<h1> GAME OVER!</h1>"; }; } 

 <div class="clock"> <div id="status"></div> </div> <button onclick="countdown(10,'status')">start</button>