2e:null 30:T41a,

We are building a Distributed Health Monitoring Dashboard. Our frontend needs to poll various microservice endpoints every 30 seconds to update status lights.

The requirements are specific:

If the user switches tabs, we want to pause polling to save battery and network bandwidth.
If the user logs out, we must stop and completely tear down the timer to prevent memory leaks.
The API must be 'Bulletproof'—calling pause() before start() or calling start() multiple times should not create multiple overlapping intervals (a common bug known as 'Timer Drifting').

The Challenge: Implement a createInterval(callback, interval) utility that returns an object with start, pause, and stop controls. Your solution must ensure that only one interval instance exists at any time and that the state transitions are idempotent.

29:["$","article",null,{"className":"prose max-w-none md:prose-lg prose-headings:text-text-primary prose-headings:scroll-mt-24 prose-h2:text-xl prose-h2:leading-snug prose-h2:font-bold prose-h2:mt-6 prose-h2:mb-3 md:prose-h2:text-[1.75rem] md:prose-h2:leading-[2.5rem] md:prose-h2:mt-8 md:prose-h2:mb-4 prose-h3:text-lg prose-h3:font-semibold prose-h3:mt-5 prose-h3:mb-2 md:prose-h3:text-2xl md:prose-h3:mt-6 md:prose-h3:mb-3 prose-h4:text-base prose-h4:font-semibold prose-h4:mt-4 prose-h4:mb-2 prose-p:text-text-primary prose-p:leading-relaxed prose-strong:text-text-primary prose-li:text-text-primary prose-a:text-primary prose-blockquote:border-primary prose-blockquote:text-text-secondary prose-code:text-accent-text prose-pre:bg-surface-sunken prose-pre:border prose-pre:border-border-default prose-table:text-base prose-th:text-text-secondary prose-th:px-3 prose-th:py-2 prose-td:text-text-primary prose-td:px-3 prose-td:py-2 prose-hr:my-6 ","children":[[["$","div","seg-0-html-0",{"dangerouslySetInnerHTML":{"__html":"$30"}}]]]}]

Your Polling Service Needs a Controllable Repeating Timer With Start, Pause, and Stop