Stopwatch for game

So @darren made a stopwatch in his Team Seas game.
I followed what he did in his video, but I don’t know how to make the stopwatch reset and automatically start when a new game is started instead of pressing a button first, and stop and reset it when the game is over too.

How do you do that?

You can manipulate it by changing the start time and duration column, but it is unreliable. The best way is to create your own CSS stopwatch… then you can have complete control.

I don’t know what you mean. Please explain further

Are you using the native stopwatch component?

I’m just using Glide’s stopwatch component.
I also used this css code to hide the buttons:


[title="Reset Timer"], [title="Start/Stop Timer"] {
 display: none !important;

.timer-container > svg {
 display: none !important;

.timer-container {
 height: 40px !important;

There is not much you can do with the native one. The only thing… is to change the look and reset it by setting the start time column or add time by adjusting the duration column. You can’t start or stop it… only if you make your own stopwatch like in my sample above.

No no no, I want something like @darren’s game

If you play the game, when it starts the stopwatch also starts and stops when the game is over. That is what I want.

Here is my game. I want to implement the same feature in mine.

Just wait for Darren to respond… I don’t know he’s sample.