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
- MichaelHinzeCommunity Member
There are lots of timer examples available in the community, I suggest to do a quick search and pick the one that works for you. Also, one the weekly eLearning challenges covered timers, see here.
- Jonathan_HillSuper Hero
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.
- Jonathan_HillSuper Hero
- Jonathan_HillSuper Hero
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.