Initiating, halting, and rejuvenating a timer in JavaScript

Question

Initiating, halting, and rejuvenating a timer in JavaScript

Here is a simple code snippet where I'm experimenting with starting, stopping, and resetting a JavaScript timer.

The goal is to have a timer running on a page that sends a message once it reaches the end of its countdown before restarting. The stop button should halt the timer indefinitely.

The code in the provided fiddle achieves this functionality, but I am unsure if I am approaching it correctly. Is using setTimeout the most effective way to create such a timer, or would setInterval be better?

Additionally, my current reset function looks like this:

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

Is there a more elegant method to reset a timer in JavaScript?

Any insights are appreciated!

javascript

Answer 1

Answer №1

If you want to improve your code, consider encapsulating it all in an object. Let me know if you need an example. Alternatively, you can keep the existing structure and simply update your onStart function as shown below to eliminate some unnecessary code:

var onStart = function() {

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

};

Check out this fiddle for a demonstration: http://jsfiddle.net/qx6CM/

Answer 2

If you want to improve your code, consider encapsulating it all in an object. Let me know if you need an example. Alternatively, you can keep the existing structure and simply update your onStart function as shown below to eliminate some unnecessary code:

var onStart = function() {

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

};

Check out this fiddle for a demonstration: http://jsfiddle.net/qx6CM/

Initiating, halting, and rejuvenating a timer in JavaScript

Answer №1

Similar questions

Assigning a variable within a parent function from a child function in JavaScript

Is there a way to store a JSON object retrieved from a promise object into a global variable?

Has Chrome's console disappeared?

Tips for utilizing both the Element Selector and Class Selector in Jquery

Is it possible to incorporate FCM into Next.js and effectively handle server-side events for FCM on Next.js servers?

Transform the column's datetime into a date in the where condition when using sequelize

MongoDB Client > Error: No operations provided - cannot proceed

underscore's _.each() method for callback functions

Tips for linking together AJAX requests with vanilla JavaScript

Error in Access-Control-Allow-Origin when using Node.js and JSONP

Using command line arguments to pass parameters to package.json

Having trouble with accessing properties like `d3.svg()`, `d3.scale()` and other features of d3js within an Angular 2 environment

Having trouble sending an array with res.send() in NodeJS

Sending a POST request in nodeJs that does not return any value

Interrupting one process and initiating a new one

Escaping double quotes in dynamic string content in Javascript can prevent unexpected identifier errors

Tips for inserting information into data tables

Access an HTML file in Text Edit on a Mac directly from a web browser

How do I adjust brightness and contrast filters on a base64 URL?

Using Node.js to download files with like wget, unzip them, and convert them to JavaScript without saving to