Javascript for current time and dates

Hello Claire,

Here is a sample storyline 360 project for you to take a look at.

Hello Margaret,

Let me know if this works for you.

Has anyone experienced glitches with their date/time variables? I have a project (same as Claire's above) with numerous date/time variables and it works sometimes so I believe the javascript/triggers/variables are accurate. However, they stop working sometimes.. seemingly random, but wondering if the community has any advice. A few pieces of additional info: 

-the storyline project file is really large with a lot of project variables.. could that be effecting it?

-the variables were previously numbered (ie. Date1, Date2, etc) and SL seemed to be renaming them to higher numbers, so we switched to letters (ie. DateA, DateB, etc) but no luck

-this is tested and posted on a website so it is not the previously mentioned viewing problem

I can't attach the full project for proprietary reasons, but here are the variables, an example slide of trigger, and the javascript. 

Thank you in advance! 

Hi, Erica, and welcome to E-Learning Heroes! ✨

You can test your Javascript output by publishing the .story file for the web, then opening it locally with a browser. You can also choose only to publish a single scene or slide instead:

I hope this helps!

HI Russell,

Quick additional question. I would also like to show the following date in my course: 

4 Dec 17 1440 (but I need the 1440 to always be 2 hours from the current time).  This is a cut off time that is calculated based the current time.  Your help is greatly appreciated. Thank you!

Hello Claire,

Here is an updated project for you. I also found a mistake on my previous project. I forgot to zero pad the hours and minutes. For example 1107 was showing up as 117.

Hello Claire,

In my previous post, the project has a fourth date field that is 2 hours from the current time.

I know this was a while ago. But, I am having trouble viewing the javascript and gleaning the code and picking out the what I need to just display the 24 hour clock. Can you help?

That's perfect. I removed the colon in the middle, but it works like a champ. Thanks so much!

Hi,

I have a Storyline3 project which needs to display the system time, always updating.

I used the following code, but it didn't work.

function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();

// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);

var p=GetPlayer();
p.SetVar("h",h);

var q=GetPlayer();
q.SetVar("m",m);

var r=GetPlayer();
r.SetVar("s",s);

var t = setTimeout(function(){ startTime() }, 1000);
}

function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}

 Does anyone know the exact code for this?

Chandi
Reply
 Quote