启动、停止和关闭；刷新计时器javascript

这里有一个小例子，我正在启动/停止/重置javascript计时器

该功能需要是在页面上运行的计时器。当计时器启动时，它会发送一条消息，然后重新启动。停止按钮将完全停止计时器

上面的提琴具有我刚才描述的功能，但是我觉得我做得不对。

setTimeout

是创建此计时器的正确方法吗？我应该改用

setInterval

其次，我的重置代码如下所示：

var onReset = function() {
        clearTimeout(timerHandle);
        onStart();    
};

有没有更优雅的方法来重置javascript中的计时器

---

谢谢。

我能提供的唯一改进是，您可以将其全部放在一个封装对象中，询问是否需要一个示例。或者，如果您想保留现有的结构，那么将onStart函数改为this，以删除一些不需要的代码

var onStart = function() {

    timerHandle = setInterval(function() {
        $("#console").append("timer fired.. <br />");
    }, 2000);

};

var onStart=function（）{
timerHandle=setInterval（函数（）{
$（“#控制台”）.append（“计时器触发..
”）；
}, 2000);
};

---

Fiddle here

我能提供的唯一改进是将所有内容都放在一个封装对象中，询问是否需要一个示例。或者，如果您想保留现有的结构，那么将onStart函数改为this，以删除一些不需要的代码

var onStart = function() {

    timerHandle = setInterval(function() {
        $("#console").append("timer fired.. <br />");
    }, 2000);

};

var onStart=function（）{
timerHandle=setInterval（函数（）{
$（“#控制台”）.append（“计时器触发..
”）；
}, 2000);
};

---

在这里拉小提琴

您调用

setInterval（）

的方式可以递归工作，但您也可以使用几乎相同的方式使用

setInterval（）

。你的重置功能也很好。这正是处理它的正确方法，您调用

setInterval（）

的方法可以递归工作，但您也可以使用

setInterval（）

几乎相同的方法。你的重置功能也很好。这正是正确的处理方式，