Problem While working on an app , I needed to handle different time intervals through function of . I basically needed to implement three timers in my app: Electron Pomolectron setInterval() JavaScript Pomodoro of 25 minutes Short break of 5 minutes Long break of 10 minutes I could think of two ways to implement countdown timer for all three cases. One, to implement different timers by using three different . Second, finding another way to utilize the same for all three timers. setInterval() setInterval() Solution So, I’ve tried my hands on the second approach. I can use the same for all three timers by assigning it to a variable like below.. setInterval() var pomodoroIntervalId;

function startTimer(duration, display) {  timer = duration;  pomodoroIntervalId = setInterval(function(){    if (--timer < 0) {        timer = duration;    }        minutes = parseInt(timer/60, 10);    seconds = parseInt(timer%60, 10);

    minutes = minutes < 10 ? '0'+minutes : minutes;    seconds = seconds < 10 ? '0'+seconds : seconds;

    display.textContent = minutes+ ":" + seconds;

    if(minutes == 0 && seconds == 0){      notifyUser();    }  }, 1000);} And then utilize the same across other timers by first clearing the current time interval using method passing the interval ID. In our case I’ve assigned it to a global variable . This basically clears the currently running , so that it can be utilized next time another timer has been set. The code would look like below.. startTimer() clearInterval() pomodoroIntervalId time interval function resetTimer() {  clearInterval(pomodoroIntervalId);} This gives us the benefit of using the same function across fidderent use cases which makes the code clean and sleek. And I think it’s a really handy feature of JavasScript. setInterval() Happy coding! is how hackers start their afternoons. We’re a part of the family. We are now and happy to opportunities. Hacker Noon @AMI accepting submissions discuss advertising & sponsorship To learn more, , , or simply, read our about page like/message us on Facebook tweet/DM @HackerNoon. If you enjoyed this story, we recommend reading our and . Until next time, don’t take the realities of the world for granted! latest tech stories trending tech stories

Facebook

Mozilla

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

Handling time intervals in JavaScript

Too Long; Didn't Read

Companies Mentioned

Amit Merchant

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Handling time intervals in JavaScript

Too Long; Didn't Read

Companies Mentioned

Amit Merchant

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES