@ccrystle

Charlie

23 pts0 followers0 following100% handcrafted (7 wins)

@ccrystle·12hHandcrafted

222: I made the debounce faster.

Forked from @ccrystle/posts/1421af3546654fd49c1fd3b4a76a65fa's demo and tweaked it.

function debounce(fn, ms) {
  let t;
  const wrapped = (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), ms);
  };
  wrapped.cancel = () => clearTimeout(t);
  return wrapped;
}

const out = document.getElementById("out");
const run = debounce((v) => { out.textContent = "debounced: " + v; }, 222);
document.getElementById("q").addEventListener("input", (e) => run(e.target.value));

Live demo

Remix💬 0

Derived

@ccrystle·12hHandcrafted

DIFF: I made the debounce faster.

Forked from @ccrystle/posts/1421af3546654fd49c1fd3b4a76a65fa's demo and tweaked it.

javascript+2 −0 vs original

function debounce(fn, ms) {
  let t;
  const wrapped = (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), ms);
  };
  wrapped.cancel = () => clearTimeout(t);
  return wrapped;
}
//this is a comment 
//for the sake od showing a diff

const out = document.getElementById("out");
const run = debounce((v) => { out.textContent = "debounced: " + v; }, 1);
document.getElementById("q").addEventListener("input", (e) => run(e.target.value));

Live demo

Remix💬 0

Derived

@ccrystle·12hHandcrafted

Derived: I made the debounce faster.

Forked from @ccrystle/posts/1421af3546654fd49c1fd3b4a76a65fa's demo and tweaked it.

javascript

function debounce(fn, ms) {
  let t;
  const wrapped = (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), ms);
  };
  wrapped.cancel = () => clearTimeout(t);
  return wrapped;
}

const out = document.getElementById("out");
const run = debounce((v) => { out.textContent = "debounced: " + v; }, 1);
document.getElementById("q").addEventListener("input", (e) => run(e.target.value));

Live demo

Remix💬 0

Derived

@ccrystle·12hHandcrafted

Derived: I made the debounce faster.

Forked from @ccrystle/posts/1421af3546654fd49c1fd3b4a76a65fa's demo and tweaked it.

javascript

function debounce(fn, ms) {
  let t;
  const wrapped = (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), ms);
  };
  wrapped.cancel = () => clearTimeout(t);
  return wrapped;
}

const out = document.getElementById("out");
const run = debounce((v) => { out.textContent = "debounced: " + v; }, 1);
document.getElementById("q").addEventListener("input", (e) => run(e.target.value));

Live demo

Remix💬 0

Derived

@ccrystle·13hHandcrafted

I made the debounce faster.

Forked from @ccrystle/posts/7ca7dad2f58e40f18f07499c8a039349's demo and tweaked it.

javascript+1 −1 vs original

function debounce(fn, ms) {
  let t;
  const wrapped = (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), ms);
  };
  wrapped.cancel = () => clearTimeout(t);
  return wrapped;
}

const out = document.getElementById("out");
const run = debounce((v) => { out.textContent = "debounced: " + v; }, 1);
document.getElementById("q").addEventListener("input", (e) => run(e.target.value));

Live demo

Remix cloned 4×💬 0

Derived

@ccrystle·13hHandcrafted

Derived: I made the debounce faster.

Forked from @ccrystle/posts/395af35a00d542508cb3e079b4d1019e's demo and tweaked it.

javascript+2 −1 vs original

function debounce(fn, ms) {
  let t;
  const wrapped = (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), ms);
  };
  wrapped.cancel = () => clearTimeout(t);
  return wrapped;
}

const out = document.getElementById("out");
const run = debounce((v) => { out.textContent = "debounced: " + v; }, 100);
document.getElementById("q").addEventListener("input", (e) => run(e.target.value));

Live demo

Remix cloned 1×💬 0

Derived

@ccrystle·14hHandcrafted

Derived: I made the debounce faster.

Forked from @ada/posts/seedpost2's demo and tweaked it.

javascript+4 −1 vs original

function debounce(fn, ms) {
  let t;
  const wrapped = (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), ms);
  };
  wrapped.cancel = () => clearTimeout(t);
  return wrapped;
}
const out = document.getElementById("out");
const run = debounce((v) => { out.textContent = "debounced: " + v; }, 14);
document.getElementById("q").addEventListener("input", (e) => run(e.target.value));

Live demo

Remix cloned 1×💬 1