Countdown

Thank you Christoph, this is very helpful.

Very cool, Christoph! Thanks for posting here!

Updated the countdown with a few feature improvements.

Great! Christoph. Thanks for posting here.

This is really great, Christoph!

We have a JavaScript challenge going this week where we're asking JavaScript users to screencast a tutorial on how to use JavaScript in Storyline.

So if you're up for doing even more work <grin> I'd like to invite you to share a quick screencast on how you set up your counter.

Here's the challenge: https://community.articulate.com/articles/how-to-use-javascript-in-articulate-storyline

We also have an e-learning challenge from two weeks ago where we asked users to share examples: https://community.articulate.com/articles/using-javascript-and-articulate-storyline Whether you're up for recording a screencast or not, I'd recommend you share your example in this challenge so we can feature your work in the recap: https://community.articulate.com/articles/javascript-and-articulate-storyline

I have updated the functionality.

Now you can reset the timer, and the timer can be shown over the whole project.

Working demo can be found here: countdown

Project file can be downloaded here: Story Project File

Christoph, thanks for sharing! 

Hi Christopher - or anyone else who might have the answer.

I have applied your timer to a project I am working on at the moment - placing it in the Master slide so that it will appear on all slides. I have got it all working.

But when I publish and host on AmazonS3 it only works if I use the story_html5 file. If I try to use the normal html file it doesn't work at all.

I thought that I should be using the html file and then the browser selects from there if it wants to use the html5 file - am I wrong on this.

I don't know what kind of problems it might cause if I send out a link to the html5 file - it will be going out to a lot of users and don't want to cause any issues.

Dear Lizzie.

Could you please share a link to the files then I will have a look at it tomorrow.

Hi that is very nice of you but I can't share the file as it is for a client project.

I went back and looked at whether it was totally unlocked in Amazon and it wasn't - so it will automatically switch from the html to html5 depending on what the browser requires - but the timer is still not working in the html version when I test it on Edge.

I tried your one in HTML on Edge and it seems to work fine

Have you tried mine also with S3?

Have you tried yours in Scorm Cloud?

Have you had a look into the browser console if there is an error?

Are you using SL2 or SL360?

It is a bit hard to find out without having access to your files.

Hey - thanks for the help

I am using SL2

I don't think it is an AmazonS3 issue - after posting the original question I tested the files from my computer and the same thing happens. The HTML5 file timer works and the HTML one does not.

Both HTML and HTML5 work fine in your file.

How would I check the browser console for an error?

Hey Lizzie.

Just hit F12 with IE and Edge after opening the file. 

Then reload the page with control+F5 and have a look if there are errors.

(Picture is just an example)

Nope I dont get any error showing. but the timer just sits on 2 seconds and doesnt go any further

Hey so attached is a stripped out file with just the timer in.

It has the same problem my client file has - it works fine on the HTML5 output, but doesn't work on the HTML output.

Please let me know any thoughts as to why this might be?

Funny thing that it worked at all.

In your attached example there is a variable missing in the Stroyline file.

The missing variable is called "reset" and has to be a number.

After adding the variable for me it works just fine.

OH GOSH!

thank you! 

what does the 'reset' variable do?

I think I thought I didn't need it as I was not using your pause/reset buttons. Though I had to put the 'pause' variable in to get it to start the timer.

In your case you don´t need the functionality (pause and reset), but as it is part of the JavaScript the variables have to be there or you need to rewrite the script.

Hi Christopher,

Is it possible to tweak this code to display second and millisecond only?

Hi Ansh.

You just need to change it in the javascript inside the .story project.

But does Seconds AND Milliseconds really make sense as the conversion factor is different (not 60)?

HI Christopher,

In the project, I wanted to show the 5-second count down timer with second and millisecond. During this time, the user has to answer. Showing millisecond adds to the excitement.

In the javascript, I tried using 3600 as a factor but I did not get any result.

Just delete the hour text variable from the stage.

Thanks for the countdown timer. Does anyone know how to bookmark the time that you exited the course at (on LMS), so that when you reopen, you resume from the previous countdown time? Currently the time resets upon reopening of the course.