useDebounce

A higher-order function that debounces the execution of a function.

Demo

Press the button!

Usage

	<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>	
MIT

© 2024 Svecosystem Team