# 4 Steps to Calculate Learning Time Using Articulate Storyline – Method III

Recently, one of our clients asked us whether it is possible to display the time taken by the learner, in the slide, to complete the final quiz. Though we don’t have a default option, we can add a timer using JavaScript by following 4 simple steps.

In my previous posts, I have explained a process which uses JavaScript and has five steps. I also explained another method with triggers which has eight steps. However, these two procedures are a bit lengthy. So, I have optimized the process and came up with four simple steps which I would like to share with you all in this post. One thing which differentiates this process from the two processes discussed earlier is that the timer is displayed in the screen (similar to a digital clock), whereas the other two processes can be used to display the total time at the end of the course.

Follow the steps below to calculate the time spent by the learner on the final quiz of an e-learning course developed using Articulate Storyline.

Step 1: Develop your quiz slides with the desired formatting.

Step 2: Create three variables to store the values of hours, minutes and seconds. Name them as you wish. I have named here them as ‘Hours’, ‘Minutes’ and ‘Seconds’ respectively.

Step 3: Add a trigger to execute JavaScript when timeline starts for the first slide of the quiz.

Note: In order to get the timer work precisely, comment out a line of code in the above code and paste the same trigger in the rest of your quiz slides. You can even delete that line of code. Refer the screenshot below for better understanding.

Step 4: The last step is to add references (variable names between % symbols) for variables ‘Hours’, ‘Minutes’ and ‘Seconds’ in the slide master to display the time spent by the learner on the final quiz.

Now publish the course and check the output.

In this way, we can calculate the time spent by a learner on the final quiz.

Note 1: If you want to modify the above code, make sure that the names of the Storyline variables are identical to the variable names used in the code.

Note 2: You can use the code not only for the final quiz, but also for the entire e-learning course.

Hope you find this post useful. Do share your views.

Share
Topics:

Subscribe to Our Blogs