Need Some Help to Create Stop watch in storyline 360 with JavaScript

Apr 29, 2023

Hi guys,

can you help me to create stopwatch.
here is the code written but am not getting it properly.
can any one respond where went wrong in the code.

var player=GetPlayer();

var mseconds = player.GetVar("MSeconds");

var seconds = player.GetVar("Seconds");

var minutes = player.GetVar("Minutes");

var hours = player.GetVar("hours");

mseconds = 1000

if(mseconds == 1000){

seconds = seconds + 1

mseconds = 0;

if(seconds == 60){

minutes = minute + 1

seconds = 0;

if(minutes == 60){

hours = hours + 1

minutes = 0;

}

player.SetVar("MSeconds",mseconds);

player.SetVar("Seconds",seconds);

player.SetVar("Minutes",minutes);

player.SetVar("Hours",hours);

Thanks in advance

7 Replies

Elearning Development
Author

12 months ago04/29/23 at 10:49 am (UTC)

Here is the SL File for your reference

Stopwatch.story

Walt Hamilton
Hero

12 months ago05/02/23 at 12:44 am (UTC)

Your link has problems. Can you re-attach it?

12 months ago05/08/23 at 4:16 am (UTC)

ok. here it is

Stopwatch.story

Math Notermans

12 months ago05/08/23 at 6:10 am (UTC)

Although this is far from complete, here are some fixes to help you get started.

- You need to check your variables. The NaN is caused by setting hours instead of Hours.
Do use consequent variable naming all the time. I use camelCasing... So instead of Hours i would name it stopwatchHours or swHours to be sure i get the proper var.

- Now the script is onlt executed at Storyline start. You need it to loop. I added a SlideLayer that loops in it. Quickly fixed it... can be improved.

Stopwatch_loop.story

12 months ago05/17/23 at 1:06 pm (UTC)

Thanks for this response. But can you suggest me how to do only using JavaScript by not taking any layer loop.
like layer starts the stopwatch should be start irrespective of the time line loop.

11 months ago05/29/23 at 4:57 am (UTC)

can you check this once it's working till 59sec.

Math Notermans

11 months ago05/29/23 at 7:25 am (UTC)

Ofcourse you can make a loop in Javascript only, but thats more complex. Mainly due to scope issues Storyline will cause.

https://www.programiz.com/javascript/for-loop

Here you find a lot of ways to create a loop in Javascript...easy enough... but as said Storyline scope issues make it more difficult, so you are better off using a SlideLayer loop.