Okay. There are two things running in parallel in the puzzle. The first “thread” calls different procedures after specific delays in order to automatically starts my animations. It’s basically a succession of “after x seconds do” blocks.
Every procedure has to check a “click” variable that counts the number of time the user clicked to this point, so that the right animation can be chosen.
Another thread handles some popup windows that I’ve added as helpers for the user. These popups are just “div” elements that are shown or hidden on click events.
When a popup shows up, I force the “click” variable to a very high and unlikely value, so that it doesn’t correspond to something that would start an animation. When the user closes the popup, I reset the “click” variable to its previous value, allowing the procedures to start animations if needed.
My problem is that I don’t know how to synchronize the two threads properly. One the one hand, I need to be able to change the value of the “click” variable, but on the other hand, I need to be able to wait for this variable to change to a specific value in order to lock/unlock the animation. Like a condition_variable synchronization primitive.
I could also do that with a while loop that waits for the “click” variable to change to the right value, but I’d need a delay function in order to no waste cpu cycles and block the whole page…
Is that clearer? Let me know if you need further info on that.
.
