# useTime
> Time-based animations using the Svelte Motion useTime reactive store. Creates smooth, continuously updating animations driven by elapsed time.
**Source:** [https://motion.svelte.page/examples/use-time](https://motion.svelte.page/examples/use-time)
**Markdown mirror:** [https://motion.svelte.page/examples/use-time.md](https://motion.svelte.page/examples/use-time.md)
---
This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page.
## FIG-001: one timeline, many motions.
`useTime()` returns a motion value of ms since the hook mounted. Derive position, rotation, scale, and colour from the same source — they all stay in lockstep because they share one clock.
**Metadata:** tag: `HOOK` | pattern: `time → derived`
### Notes
- `useTime()` ticks every frame from mount. Reading `$time` in a derived store re-runs the deriver on every update, so the tile's transform and colour update at display refresh rate.
- Five independent derived stores feed one element — different periods (`t / 1000 vs t / 1200`) give Lissajous-style motion, but they're guaranteed in phase because they share the same clock.
- Prefer `useTransform` over `derived` when you want motion's interpolation machinery (clamping, output ranges). For plain math, the `svelte/store` helper is more familiar and equally fast.
### Source
#### Default.svelte
Source file: [src/lib/examples/use-time/demos/Default.svelte](https://github.com/humanspeak/svelte-motion/blob/main/docs/src/lib/examples/use-time/demos/Default.svelte)
```svelte
// use-timehue: {Math.round($hue)}°
motion value: ms since mountt = {Math.floor($time / 1000)}s