useDebounce

	<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>
 
<button onclick={ding}>DING DING DING</button>
<button onclick={logCount.cancel} disabled={!logCount.pending}>Cancel message</button>
<p>{logged || "Press the button!"}</p>