Home/ Questions/Q 7020895
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T23:22:43+00:00

I’m developing a javascript based application and have continued to run into an issue

  • 0

I’m developing a javascript based application and have continued to run into an issue that seems like a producer/consumer problem (it happens in both IE and firefox).

:Program Description:

There are two divs (A and B) in the page. A function is scheduled with timeouts to flip between the two divs every N seconds.

divs B has a form in it with buttons. the buttons have an on click call back set to them – the call back resets (refreshes) the form.

:Implementation Bug/Problem:

When div B displays and a user clicks on the buttons multiple times, the function (scheduled by a timeout) to flip the two divs never seems to execute. If it does execute, the display content is shown so quickly, it’s as if the timeout was never called.

I’ve tried using a globally scoped state variable to control when button presses should be shut off, but that does not seem to work. Any advice or recommendations is welcome! Thanks!

Example

Imagine a 2 second window between each, the following diagram explains how it works with no onclick mouse events:

seconds 0    2    4    6      
        +----+----+----+
divs    A    B    A    B

NOTE: the top row are the 2 second intervals, the bottom row are the div flip events

with mouse on click events it should do something like this (A is scheduled to happen exactly at 4 seconds):

seconds 0    2    4    6
        +----+----+----+
divs    A    BBBBBA    B

what it currently does:

 seconds 0    2    4    6....
         +----+----+----+....
 divs    A    BBBBBBBBBBB....

the scheduled A event never happens.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think you missed to use clearTimeout or probably you are clearing the timer and not scheduling it back.

    I quickly tried to simulate what you described. I am not sure if this is what you want, but check my

    Old DEMO here (buggy when clicked multiple times, see the below link)

    I am using setTimeout to call the function. Try using setInterval, which will be executed every n secs.

    Edit: I fixed a bug which I missed in my previous demo, Please see the below link and let me know if it is close to what you want.

    DEMO

    • 0