how to place a setTimeout on document.addEventListener

Hello I am new on this forum

in my html code I have a button which has a class which triggers a
document.addEventListener

and I would like my document.addEventListener to be able to trigger 5 seconds after clicking on my button

Is this possible

     <a class="btn btn-primary ajouter-panier b-items__item__add-to-cart" >
              ajouter au panier
            </a>




<script>
document.addEventListener("click", e => {


  let el = e.target;
  if (el.tagName !== "A") {
    el = el.closest("a");
  }
  if (!el || !el.classList.contains("ajouter-panier")) {
    return;
  }

  const card = el.closest(".testcard");
  if (!card) {
    return;
  }

  const panel = card.querySelector(".panel");
  if (!panel) {
    return;
  }

  e.preventDefault();

  if (el.classList.contains("b-items__item__add-to-cart")) {
    panel.style.display = "block";
  } else if (el.classList.contains("ajouter-panier")) {
    panel.style.display = "none";
  }
});
</script>