# TTL Expiration > See TTL expiration in @humanspeak/memory-cache with configurable time-to-live per entry and an interactive automatic cleanup demo for TypeScript apps. **Source:** [https://memory.svelte.page/examples/ttl-expiration](https://memory.svelte.page/examples/ttl-expiration) **Markdown mirror:** [https://memory.svelte.page/examples/ttl-expiration.md](https://memory.svelte.page/examples/ttl-expiration.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: watch ttl countdown. Create short-lived entries in a `MemoryCache` and watch each key disappear when its time-to-live window closes. **Metadata:** tag: `EXPIRATION-WINDOW` | pattern: `time to live` ### Notes - `ttl` sets the lifetime for every entry created by this cache instance. - The list is sorted by `remainingMs`, so the next key to expire stays at the top. - When an entry expires, `MemoryCache` stops returning it and the active list removes it on the next tick. - Changing `ttl` creates a fresh cache so countdowns, expiration counts, and seed data stay aligned. ### Source #### Default.svelte Source file: [src/lib/examples/ttl-expiration/demos/Default.svelte](https://github.com/humanspeak/memory-cache/blob/main/docs/src/lib/examples/ttl-expiration/demos/Default.svelte) ```svelte
active · {entries.length}
ttl · {customTtl}s
next · {nextExpiration}
remaining · {shortestRemaining ? formatTime(shortestRemaining) : 'none'}
expired · {expiredCount}
time to live {customTtl}s

entries disappear when their countdown reaches zero

created {additions}
expired {expiredCount}
key
value
ttl
{#if entries.length === 0}
no active entries

add an entry or reset the cache

{:else} {#each entries as entry (entry.key)}
{entry.key} {new Date(entry.createdAt).toLocaleTimeString()}
{entry.value}
{formatTime(entry.remainingMs)}
{/each} {/if}
policy · time to live
ttl · {customTtl}s
max size · {maxSize}
entries · {entries.length}
mode · live
```