Forum Discussion
Stop watch / time counter animation required
Hi all, Just wondered if anyone could share working samples off a visual counter animation I could use on a slide? Ideally digital showing minutes and seconds. Thanks in advance, Anthony
Like this AnthonySemin513 ?
For a retro LCD style number display, I'd recommend the font DIGITAL-7 or a similar monopaced font.
I used that font in this demo:
https://www.engagebraintrain.com/using-number-variables-in-e-learning/
The Javascript in that article is really old now, and there's more efficient ways of pulling the time from the local system clock.
Let me know if this is the sort of thing you need, and I'll share a .story file here in this style, with updated code.
Like this AnthonySemin513 ?
The trick to a 'digital' display with 0 displayed as 00, is to use text variables not number variables to display the time in the correct format. In the above example, I also track the elapsed time in seconds as a standard number variable. That will allow you to run triggers and conditions based on the elapsed time. For instance, disable next button until 10 seconds have passed.
Hi Jonathan, many thanks for the reply. Yes, that's the sort of thing I was looking for. Just like the iPhone stopwatch below, but would only need minutes and seconds, and would need to start when eaching a certain frame (no button click would be required). If you could share a master file that would be extremely helpful.
Thanks!
Anthony
Thanks for the extra detail, AnthonySemin513
Did you download the .story file I shared above?
You should be able to customise that so the clock is triggered at a certain point on the timeline or following another event, rather than a button.
