How to measure time elapsed on Javascript

Question

I created a simple game that start and ends the timer when the user finishes clicking on 16 boxes  I want to measure the elapsed time for the user to complete the game  How do I do it using Javascript  I took a look at different answers like this  but I had hard time understanding others  code  I would assume it to look like this  Timer Start  When user clicks the first box Timer End  When user clicks the last box

User · Answer

var seconds   0  setInterval function        seconds       1000     There you go  now you have a variable counting seconds elapsed  Since I don t know the context  you ll have to decide whether you want to attach that variable to an object or make it global   Set interval is simply a function that takes a function as it s first parameter and a number of milliseconds to repeat the function as it s second parameter    You could also solve this by saving and comparing times   EDIT  This answer will provide very inconsistent results due to things such as the event loop and the way browsers may choose to pause or delay processing when a page is in a background tab  I strongly recommend using the accepted answer

User · Answer

The Date documentation states that       The JavaScript date is based on a time value that is milliseconds   since midnight January 1  1970  UTC   Click on start button then on end button  It will show you the number of seconds between the 2 clicks   The milliseconds diff is in variable timeDiff  Play with it to find seconds minutes hours  or what you need   x000D   x000D  var startTime  endTime  x000D   x000D  function start     x000D    startTime   new Date    x000D     x000D   x000D  function end     x000D    endTime   new Date    x000D    var timeDiff   endTime - startTime    in ms x000D       strip the ms x000D    timeDiff    1000  x000D   x000D       get seconds  x000D    var seconds   Math round timeDiff   x000D    console log seconds     seconds    x000D    x000D   lt button onclick  start    gt Start lt  button gt  x000D   x000D   lt button onclick  end    gt End lt  button gt  x000D   x000D   x000D       OR another way of doing it for modern browser   Using performance now   which returns a value representing the time elapsed since the time origin  This value is a double with microseconds in the fractional   The time origin is a standard time which is considered to be the beginning of the current document s lifetime    x000D   x000D  var startTime  endTime  x000D   x000D  function start     x000D    startTime   performance now    x000D     x000D   x000D  function end     x000D    endTime   performance now    x000D    var timeDiff   endTime - startTime    in ms  x000D       strip the ms  x000D    timeDiff    1000   x000D     x000D       get seconds  x000D    var seconds   Math round timeDiff   x000D    console log seconds     seconds    x000D    x000D   lt button onclick  start    gt Start lt  button gt  x000D   lt button onclick  end    gt End lt  button gt  x000D   x000D   x000D

[javascript] How to measure time elapsed on Javascript?

Examples related to javascript