使用setTimeout创建计时器
要创建一个计时器，在JavaScript中使用setTimeout函数。该函数将要在指定的时间之后执行的代码作为第一个参数传递。第二个参数指定以毫秒计的时间段。例如，下面的代码将在1秒后弹出一个警告框： ``` setTimeout(function() { alert(\"时间到！\"); }, 1000); ```使用cleartimeout清除计时器
在某些情况下，您可能需要在计时器执行之前终止它。为此，使用“cleartimeout”函数。该函数接受一个参数，即要清除的计时器的ID。可以通过setTimeout函数返回的ID来标识计时器。 下面的示例使用setTimeout创建一个计时器，当用户单击页面上的按钮时，取消计时器的执行。 ``` var timer = setTimeout(function() { alert(\"时间到！\"); }, 10000); // 取消计时器 document.getElementById(\"cancelBtn\").onclick = function() { clearTimeout(timer); } ```类型注释
需要注意的是，clearTimeout函数与setTimeout有很多相似之处。函数签名相似，但有一个重要的区别：clearTimeout函数不接受String或Number类型的ID参数。相反，您需要将计时器ID封装在类型为number的变量中，才能使用clearTimeout函数。 ``` // 声明类型为number的计时器ID var timerId: number; timerId = setTimeout((name: string, age: number) => alert(`${name} is ${age} years old.`), 1000, \"John\", 30); // 取消计时器 clearTimeout(timerId); ``` 在使用计时器和清除计时器时，请记住标识它们的ID，在必要时取消它们的执行。这将确保您的JavaScript代码在准确和完整的状态下运行。