启动,停止和启动刷新计时器javascript

时间:2012-11-23 18:56:22

标签: javascript

我在这里有一点fiddle我正在开始/停止/重置javascript计时器。

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

上面的小提琴具有我刚刚描述的功能,但是我觉得我没有正确地做到这一点。 setTimeout是创建此计时器的正确方法吗?我应该使用setInterval吗?

其次,我的重置代码如下:

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

是否有更优雅的方法在javascript中重置计时器?

感谢。

1 个答案:

答案 0 :(得分:1)

我能提供的唯一改进是让你把它全部放在一个封装的对象中,询问你是否想要一个例子。或者如果你想保留你已经拥有的结构,那么将onStart函数改为此,以删除一些不需要的代码。

var onStart = function() {

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

};

在此处http://jsfiddle.net/qx6CM/