• Skip to main content
  • Skip to footer

Bridgehill Learning Solutions

Richard Watson

  • About
  • Services
  • Testimonials
  • Portfolio
    • Client Projects (Snap Shots)
    • e-Learning Samples
    • My eBooks
  • Contact Richard
  • eLearning Matters
You are here: Home / elearningMatters / Creating a Date/Time Stamp in Storyline 360

Creating a Date/Time Stamp in Storyline 360

January 27, 2022 By Richard Leave a Comment

Today’s post focuses on creating a date/time stamp that will appear on a specific slide in Storyline 360. A user on the e-Learning Heroes forum had the following requirements:

  1. Add month, date, day, year to a result slide
  2. User cannot edit or change
  3. User takes screenshot to show when they completed the assessment

A JavaScript Solution

Using Javascript that was triggered when the timeline started, I produced the following result:

The Process

To create this, I performed the following steps:

  1. Created a Storyline variable named SystemDate
  2. Added this text to the slide: %SystemDate%
  3. Added the following javascript trigger to fire when the timeline started on the slide

var options = {weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };
var date = 'Assessment completed on ' + new Date().toLocaleTimeString('en-us', options);
var player = GetPlayer();
player.SetVar("SystemDate",date);

Filed Under: elearningMatters

About Richard

Experienced L&D Consultant | Instructional Designer | eLearning Developer | Articulate MVP/Super Hero | Author | Jazz Connoisseur

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Footer

Let’s Work Together!

Contact Richard

Copyright © 2023 · Bridgehill Learning Solutions, LLC · Log in