MOUSEOVER: How to start a function and let it play until the end without start it over and over?

Question

I want to start a function when I over mouse an ID #show-details. But I need it to start only one until it ends, not to start over and over again ...

With my code below It starts when I mouseover it but starts over and over even if it doesn't finish. I need some help :)

function showDetails() {

  var details = document.getElementById('show-details');

  details.addEventListener('mouseover', initDetailsLetters);

}

Please provide a [minimal, reproducible example](/help/minimal-reproducible-example). — D. Pardal, Jun 02 '20 at 14:10
Does this answer your question? [force javascript EventListener to execute once?](https://stackoverflow.com/questions/4878805/force-javascript-eventlistener-to-execute-once) — Mark Baijens, Jun 02 '20 at 14:12

score 0 · Answer 1 · answered Jun 02 '20 at 14:16

0

i think you need a flag, if the flag doesnt exist then create it and start over, if it does exist then dont run the code

answered Jun 02 '20 at 14:16

Ricky Orlando Napitupulu

476
1
8
18

score 0 · Answer 2 · answered Jun 02 '20 at 14:16

0

Try a callback function, I have found this example to help you: Proper way to wait for one function to finish before continuing?

This looks similar to your problem

answered Jun 02 '20 at 14:16

Dannick Bedard

373
3
14

MOUSEOVER: How to start a function and let it play until the end without start it over and over?

2 Answers2