No video

Creating a Countdown in Storyline 360 [with a JavaScript Snippet]

Learn how to create a countdown independent of the Articulate Storyline 360 timeline. Most might use the timeline and then every second change some text to reflect the countdown, and that works, but what if you have other things happening on the timeline, or what if you want to trigger the countdown after you give the learner some instructions?
In this video, Jeff will walk you through an easy-to-use JavaScript snippet that can easily be copied and pasted into Storyline that will countdown for you, AND it will update text on the screen. You could then trigger something to happen at the end of the countdown-lots of potential with this JavaScript snippet.
Head here for the code snippet learningdojo.n...
If you want to experience the full course check out www.udemy.com/...
For complete training, tutorials, and templates, head to learningdojo.n...

Пікірлер: 14

  • @bluegrasslearningsolutions
    @bluegrasslearningsolutions9 ай бұрын

    Thank you for sharing this! Great video and explanation for us Javascript rookies.

  • @LearningDojo

    @LearningDojo

    9 ай бұрын

    Glad it was helpful!

  • @hsnorh8180
    @hsnorh8180 Жыл бұрын

    wow. just wow. just a few lines of code. thanks for sharing.

  • @LearningDojo

    @LearningDojo

    Жыл бұрын

    You're welcome!

  • @borjayrespee
    @borjayrespee Жыл бұрын

    This is awesome! I tried using it in my quiz project, but I want to know how to reset the timer when there is a retake quiz option. Somehow, the timer just resumes.

  • @LearningDojo

    @LearningDojo

    Жыл бұрын

    So if you have the page restart and not resume in the page property settings it could fire the trigger again and restart. Or you would have to have a restart button that would fire the code again. Just some how it needs to run the new code.

  • @ejsaldana2511
    @ejsaldana2511 Жыл бұрын

    Thank you for sharing! Quick question. Every time a learner closes the course in the middle of the countdown and "resumes" the course, the countdown restarts. Anyway of preventing that, or changing the script to jump to zero if they close the course in the middle of time? Just seems like an easy way to bypass the time. Thoughts?

  • @LearningDojo

    @LearningDojo

    Жыл бұрын

    So you would have to save the time in local storage. Might be a bit tricky though because you would have to do that before the course closes. Not sure off the top of my head how to trigger that code before closing but here is where you can see how to save something to local storage www.w3schools.com/jsref/prop_win_localstorage.asp

  • @ejsaldana2511

    @ejsaldana2511

    Жыл бұрын

    @@LearningDojo So I think I figured out a way to make it work in my situation. My question with the timer was a lightboxed slide, so I bypassed it a couple of ways. When timeline starts on the slide, I had a trigger that closed the lightbox (lightbox was triggered later in the timeline). I also, just in case they were somehow able to revisit, I made a variable that tracked whether they visited the lightbox slide or not, and only fired the javascript if they hadn't visited the slide before. Thanks!

  • @ChrisBelcher-wc7bl
    @ChrisBelcher-wc7bl Жыл бұрын

    So I have set up a function for minutes as well as seconds. However, when the seconds reach zero, the timer stops. How can I loop this once it reaches zero to continue counting down? I am trying to create an hour long countdown. Thank You.

  • @LearningDojo

    @LearningDojo

    Жыл бұрын

    If you want it to keep counting down and not stop you would not clear the interval but it would start going into the negative. If you want to start at an hour you would have to start the internal all the milliseconds equivalent to an hour.

  • @sandram2974
    @sandram2974 Жыл бұрын

    This is great, but how do you create one that is set for 5 minutes. I tried to adjust the java script, but couldn't quite figure it out. We are using it for an escape room.

  • @LearningDojo

    @LearningDojo

    Жыл бұрын

    So you have to do it in miliseconds so you would change the 1000 to 300000 for 5 mins. 60seconds x 5 (for mins) x1000 (milliseconds) is how I got to that number.

  • @Theoriginal1981

    @Theoriginal1981

    2 ай бұрын

    This is the question I have. I also need one to display and countdown from 5 mins, not the exact seconds. Did you manage to get this done in the end ?