A higher-order function that debounces the execution of a function.
Press the button!
<script lang="ts"> import { useDebounce } from "runed"; let count = $state(0); let logged = $state(""); let isFirstTime = $state(true); const logCount = useDebounce(() => { if (isFirstTime) { isFirstTime = false; logged = `You pressed the button ${count} times!`; } else { logged = `You pressed the button ${count} times since last time!`; } count = 0; }, 1000); function ding() { count++; logCount(); } </script> <div> <button onclick={ding}>DING DING DING</button> <p>{logged || "Press the button!"}</p> </div>