Add stop(), start(), and restart() methods to Timer

[codeshaunted]

Adds timer start(), stop(), and restart() methods. Closes #7476. Not sure how testing should be done for the interpreter here.

[ogoffart]

Thanks,this looks good.

The only missing thing I can see is the documentation.

I've also added comments about adding extra tests for Timer in sub components.

Not sure how testing should be done for the interpreter here.

The JS scripts take care of it.

[ogoffart]

I believe we need to keep a reference to the original element only to be able to lookup its index later as it is part of the .restart() function.
I'm wondering if there is a better way. I could think of storing the index within the Element Or rewriting the call to RestartTimer to have the timer index. But that seems dangerous.
I'm worried that the timer could be wrong after some inlining steps or something like that though. But it might be fine.

[ogoffart]

👍

Could you add an extra timer in another component?

Like add some component such as

component ComponentWithTimer {
   timer-a := Timer { ... }
   if true: Rectangle { // Make sure it works in condition.
      timer-b := Timer { 
          running: false; 
          interval: 3s; 
          triggered => { self.stop(); root.triggered("b") }
          init => { timer-b.start() }
      } 
   } 
   
   callback trigerred(string);  // called from the triggered callback of the timers
   function ... // to start and restart timer-a
}

And then use that component twice, from the Window.

Just to make sure that nothing fishy happens when the timer is in a sub component.

This code is just an example feel free to be creative ;-)

[tronical]

Awesome work, looks very clean to me. I've found one potential issue - see comment inline. I'll defer to Olivier for the final approval :)

[tronical]

My guts feeling is that this should perhaps be an ElementWeak instead of an ElementRc.