无法将 javascript 链接到 html 按钮答案

【问题标题】：Trouble linking javascript to html button无法将 javascript 链接到 html 按钮
【发布时间】：2016-02-16 10:20:38
【问题描述】：

我正在为使用 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>

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

【问题讨论】：

标签： javascript html button onclick

【解决方案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>

【讨论】：

没有按钮和事件 ;)
当OP的代码中执行到countdown(10,"status");时，是不是应该调用该函数？
它确实在加载时执行，并且在问题中提到。 '此时代码在负载下运行。但是，问题是我无法将它链接到一个按钮，以便我可以在点击时触发代码。'
哦，好的。但是为什么我在运行 OP 的代码时看不到输出呢？
我在页面上看到了“未定义倒计时”错误，也许在这里加载正文会有所帮助，但我假设代码可以在问题中提到的他的计算机上运行

【解决方案2】：

试试这个，你可以关注这个tutorial 参考

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>

【讨论】：