How to pause an event in Javascript?

Question

I'm trying since yesterday with my js code but it still doesn't work. So I have a select list, when I change the selected option it calls an onchange event that calls a DWR function.

The problem is the DWR function takes a while and resets my select options (the first element selected instead of the one selected), I tried to set the previous value but it works only when I add a while loop.

var valeurTypeUo = document.getElementById('selectElement').value;
// DWR function called by this function
forme.getOptions(params);
// console.log(document.getElementById('typesUoChoix').value) is empty String
while (document.getElementById('typesUoChoix').value != valeurTypeUo)
    document.getElementById('typesUoChoix').value = valeurTypeUo;

This is my code, it works but there is always an alert if I want to stop the script. Is there any way to replace this while instruction?

Maybe this might help : stackoverflow.com/questions/951021/… — Spandan Thakur
– Spandan Thakur, Commented Nov 17, 2016 at 10:13
Can you show the forme.getOptions(params) function? Does DWR have a callback that you can propogate? — Davin Tryon
– Davin Tryon, Commented Nov 17, 2016 at 10:17
You can delay the execution of a block of code, but other code on the same level before that delay will still execute -- this is because as far as I'm aware, setTimeout is not asynchronous. — Joshua
– Joshua, Commented Nov 17, 2016 at 10:24
@reporter it shows me this error > SyntaxError: missing ; before statement I did the same like on the example — Chinovski
– Chinovski, Commented Nov 17, 2016 at 10:25
@DavinTryon There is not a call back, but instructions that take time to execute like Collections.sort (the code of DWR is a composed of more than a hunderd line. — Chinovski
– Chinovski, Commented Nov 17, 2016 at 10:31

Maxali · Accepted Answer · 2016-11-17 10:32:43Z

2

You can use setInterval which you can clear instead of while.

Your code can be like:

   var stopCheking = false;
   var checkingInterval; // interval holder

   var valeurTypeUo = document.getElementById('selectElement').value;

   // DWR function called by this function
   forme.getOptions(params);

   // console.log(document.getElementById('typesUoChoix').value) is empty String

   checkingInterval= setInterval( function() { 
     if( stopCheking ) clearInterval(checkingInterval);
   }, 2);

When you want to stop the event (interval) in this case, you set the stopCheking flag to true.

answered Nov 17, 2016 at 10:32

Maxali

1,9922 gold badges16 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Segimerus · Accepted Answer · 2016-11-17 10:30:53Z

0

You can "pause" functions with ES6 generators(yield keyword), but normally you should not need it in this case. Plain callback on the async call should do it.

Anyways here is the link for generators: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function*

answered Nov 17, 2016 at 10:30

Segimerus

5165 silver badges6 bronze badges

Collectives™ on Stack Overflow

How to pause an event in Javascript?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related