2017-01-13 2 views
5

안녕하세요 저는 Javascript 프로그래밍의 초보자입니다.Javascript에서 경과 된 시간을 측정하는 방법은 무엇입니까?

사용자가 상자를 클릭해야하는 간단한 게임을 만들었습니다. 사용자가 16 개의 상자를 클릭하면 게임이 종료됩니다.

사용자가 게임을 완료하는 데 걸리는 시간을 측정하고 싶습니다. Javascript를 사용하여 어떻게합니까?

편집 : 분명히해야합니다. 머리 속에 알고리즘이 있습니다. 나는 내 연구를 했어. 나는 다른 대답을 보았다. 하지만 그들은 자신이 스스로 이해하기 어려운 코드를 보여주기 때문에 도움이되지 못했습니다.

타이머 시작 : 사용자가

감사합니다 마지막 상자를 클릭하면 : 사용자가 첫 번째 상자를

타이머 종료를 클릭합니다.

+0

사용자가 시작한 시간을 밀리 초 단위로 저장하면 끝날 때 밀리 초 단위로 시간이 저장됩니다. 당신이 아직 많이 해본 적이없는 것 같아서 당신이 약간의 연구를하게했습니다. – AxelH

+0

추가 복제 : http://stackoverflow.com/questions/313893/how-to-measure-time-taken-by-a--a- 함수 - 실행 – icc97

답변

20

시작 버튼을 클릭 한 다음 종료 버튼을 클릭하십시오. 2 회의 클릭 사이의 시간 (초)을 보여줍니다.

밀리 초 diff는 변수 timeDiff입니다. 당신은 지금 당신이 경과 변수 계수 초를 가지고 이동이

var startTime, endTime; 
 

 
function start() { 
 
    startTime = new Date(); 
 
}; 
 

 
function end() { 
 
    endTime = new Date(); 
 
    var timeDiff = endTime - startTime; //in ms 
 
    // strip the ms 
 
    timeDiff /= 1000; 
 

 
    // get seconds 
 
    var seconds = Math.round(timeDiff); 
 
    console.log(seconds + " seconds"); 
 
}
<button onclick="start()">Start</button> 
 

 
<button onclick="end()">End</button>

+2

왜 누군가 downvote 것입니까? 훌륭한 답변입니다 –

+0

친절한 답변을 해주셔서 감사합니다! 매우 명확하고 이해하기 쉽습니다! 내 코드에 적용하려면 이걸 가지고 놀아! – Leonard

+1

@ 레오나드 대답을 받아들이는 것을 잊지 마세요 – Weedoze

0
var seconds = 0; 
setInterval(function() { 
    seconds++; 
}, 1000); 

을 필요 초/분/시간/찾아 그것으로 재생합니다. 컨텍스트를 알지 못하기 때문에 개체에 변수를 첨부 할 것인지 전역으로 만들 것인지 결정해야합니다.

간격을 설정하는 것은 단순히 첫 번째 매개 변수로 함수를 사용하고 두 번째 매개 변수로 함수를 반복하는 데 필요한 밀리 초 수를 사용하는 함수입니다.

시간을 절약하고 비교하여 해결할 수도 있습니다.

+0

친절한 설명에 감사드립니다. 나는 시간을 측정하는 또 다른 방법을 배웠다 :) – Leonard

관련 문제