Javascript 秒表坏了

我在网上找到了这个秒表教程，但是当我尝试实现它时，它在控制台中不断地说“TypeError:start为null”和“TypeError:h1未定义”。更让我头疼的是，当我在这里插入代码时，它可以工作，如果我把它放在记事本++中，它就不能工作。是否有一个jquery文件是我在实现过程中遗漏的，以及代码片段是如何使其工作的

var h1=document.getElementsByTagName（'h1'）[0]，
start=document.getElementById（'start'），
stop=document.getElementById（'stop'），
clear=document.getElementById（'clear'），
秒=0，分钟=0，小时=0，
T
函数add（）{
秒++；
如果（秒>=60）{
秒=0；
分钟++；
如果（分钟>=60）{
分钟=0；
小时++；
}
}
h1.textContent=（小时）（小时>9？小时：“0”+”：“+（分钟）（分钟>9？分钟：“0”+分钟）：“00”）+”：“+（秒>9？秒：“0”+秒）；
定时器（）；
}
函数计时器（）{
t=设置超时（加上1000）；
}
定时器（）；
/*开始按钮*/
start.onclick=计时器；
/*停止按钮*/
stop.onclick=函数（）{
清除超时（t）；
}
/*清除按钮*/
clear.onclick=函数（）{
h1.textContent=“00:00:00”；
秒=0；分钟=0；小时=0；
}

00:00:00
开始
停止
清除

将所有代码（包括函数）包装在一个可以命名为

initialize（）{}

的comon函数中

然后，在

上标记绑定的

onload

事件，如下所示：

---

这将告诉您的代码，除非整个DOM和元素都已创建，否则不要执行，因为您无法访问元素，除非它们都已完全加载。

将所有代码（包括函数）包装到一个可以命名为

initialize（）{}

的comon函数中

然后，在

上标记绑定的

onload

事件，如下所示：

---

这将告诉您的代码在创建整个DOM和元素之前不要执行，因为您无法访问元素，除非它们都已完全加载。

很可能，您在HTML之前已经定义了Javascript。请记住，Javascript是一种阻塞语言，因此它将停止所有操作（包括加载HTML），直到脚本完成

---

将脚本移到HTML下方或使用某种形式的

$（document）ready

很可能，您在HTML之前已经定义了Javascript。请记住，Javascript是一种阻塞语言，因此它将停止所有操作（包括加载HTML），直到脚本完成

---

将脚本移到HTML下方或使用某种形式的

$（document）ready

此处没有使用jQuery，因此不太可能是罪魁祸首，除非您在页面的其他位置使用它。但是代码段可以工作…您是否确保在文档准备就绪时调用代码？这里没有使用jQuery，因此它不太可能是罪魁祸首，除非您在页面的其他位置使用它。但是代码段可以工作…您是否确保在文档准备就绪时调用代码？事实上，您将使用脚本中的函数，此事件是为了确保您尝试访问的所有元素都存在。是的，该答案是有效的，但您将Javascript和HTML混合使用，这只会使事情变得更复杂，这是一种不好的做法。事实上，您将使用脚本中的函数，这个事件是为了确保您尝试访问的所有元素都存在。是的，这个答案是有效的，但是您将Javascript和HTML混合在一起，这只会使事情变得更复杂，这是一个糟糕的做法。