--- title: useInterval description: A wrapper for setInterval with controls for pausing, resuming, and tracking ticks. category: Utilities --- `useInterval` is a utility function that provides a reactive wrapper around `setInterval` with controls for pausing and resuming the execution, as well as a built-in counter for tracking ticks. ## Demo ## Usage ```svelte

Counter: {interval.counter}

Interval delay: {delay}ms

Status: {interval.isActive ? "Running" : "Paused"}

``` ## Counter `useInterval` includes a built-in `counter` property that tracks the number of times the interval has ticked: ```svelte

Ticks: {interval.counter}

``` ## Callback You can provide an optional callback that will be called on each tick with the current counter value: ```svelte ``` ## Options The `useInterval` function accepts an optional second parameter with the following options: - `immediate` (default: `true`) - Whether to start the interval immediately - `immediateCallback` (default: `false`) - Whether to execute the callback immediately when resuming - `callback` - Optional callback function that receives the current counter value on each tick ```svelte ``` ## Reactive Interval The interval delay can be reactive, and the timer will automatically restart with the new interval when it changes: ```svelte

Delay: {delay}ms

```

use-interval