Stopwatch with milliseconds

[friendlygiraffe]

hi,

 

I'm trying to produce a robust and very accurate counter in milliseconds. I'm trying to avoid setInterval/setTimeout and wondered what the best way of reproducing this in GSAP would be. I made a start here:

 

 

Thanks

See the Pen zrxWNr by friendlygiraffe (@friendlygiraffe) on CodePen

[Jonathan]

I'm not near my computer right now:

 

But this might give you some ideas using onUpdate instead onRepeat. And uses toFixed():

 

This example uses a onUpdate callback to animate the elapsed time

 

See the Pen ytwdm by jonathan (@jonathan) on CodePen

 

This example uses a onUpdate to animate the progress

 

See the Pen keEyq by jonathan (@jonathan) on CodePen

 

[Diaco]

Hi friendlygiraffe 

 

pls try this : 

TweenMax.ticker.addEventListener('tick', Update);

var start = new Date();

function Update(){
  var now = new Date();
  DisplayDiv.innerHTML = now-start;
};

See the Pen yeyEVj by MAW (@MAW) on CodePen

[friendlygiraffe]

I'm not near my computer right now:

 

But this might give you some ideas using onUpdate instead onRepeat. And uses toFixed():

 

This example uses a onUpdate callback to animate the elapsed time

 

See the Pen ytwdm by jonathan (@jonathan) on CodePen

 

This example uses a onUpdate to animate the progress

 

See the Pen keEyq by jonathan (@jonathan) on CodePen

 

Great thanks. Used a combination of ticker and toFixed():

 

Thanks for your help

[michaelscottevans]

Hi all,

 

I came across this while looking for a JavaScript code to create a stopwatch with milliseconds. This was exactly what I was looking for, but I cannot seem to get the code running for me. I have very little programming skills and I only understand the very basics of HTML and JavaScript. I do not know how to change the CSS code to reflect any of these other two formats. 

 

I am looking for help with this exact code but with a few additional add-ons that will allow me to pause the count when a mouse is clicked and save the output. Can anyone please help me?

 

Thank you. 

 

Kindest regards, 

 

Michael 

[Jonathan]

Hello michaelscottevans, and Welcome to the GreenSock Forums!

 

Have you forked (copied) the codepens from above?

 

Also its best to create a codepen so we can see the code you say is not working to better help you!