Substracting 자바 스크립트 시간

Question

내가 운 :(

나는 시간에 설문지를 시도하고있다없이 2 일 동안 인터넷 검색을했습니다에도 불구하고 자바 스크립트에서 시간을 substracting에 문제가

. 사용자가 시작 설문지에 타임 스탬프가 기록됩니다. 사용자가 완료/제출할 때 새 타임 스탬프가 기록되고 사용자가 소비 한 시간을 알아 내기 위해 두 번을 빼서

(이 예에서는 버튼 ...) 내가 NaN을 빼면 - 밀리 초를 구문 분석해야합니까?

여기 16,

코드 : 여기 Click

그리고 :

var myVar = setInterval(myTimer, 1000); 
 
\t function myTimer(){ 
 
\t \t var d = new Date(); 
 
\t \t document.getElementById("demo").innerHTML = d.toLocaleTimeString(); 
 
\t } 
 

 
\t function maal1(){ 
 
\t \t var tid = new Date(); 
 
\t \t document.getElementById("demoo").innerHTML = tid.getTime(); 
 
} 
 

 
\t function maal2(){ 
 
\t \t var tid = new Date(); 
 
\t \t document.getElementById("demooo").innerHTML = tid.getTime(); 
 
} 
 

 
\t function calc(){ 
 
\t \t var tid1 = document.getElementById("demoo").value; 
 
\t \t var tid2 = document.getElementById("demooo").value; 
 
\t \t var tid3 = tid2 - tid1; 
 
\t \t document.getElementById("tident").innerHTML = tid3; 
 
}

<p class="centercenter" id="demo">Henter...</p></br> 
 

 
<button class="centercenter" onClick="maal1()">Tid 1</button></br> 
 

 
<p class="centercenter" id="demoo"></p></br> 
 

 
<button class="centercenter" onClick="maal2()">Tid 2</button></br> 
 

 
<p class="centercenter" id="demooo"></p></br> 
 

 
<button class="centercenter" onClick="calc()">Calc</button></br> 
 

 
<p class="centercenter" id="tident">Calc here</p>

Answer 1

function calc(){ 
     var tid1 = parseInt(document.getElementById("demoo").innerHTML) || 0; 
     var tid2 = parseInt(document.getElementById("demooo").innerHTML) || 0; 

     var tid3 = tid2 - tid1; 
     document.getElementById("tident").innerHTML = tid3; 
} 

귀하의 innerHTML을 괜찮지 만, 그것은 문자열로 물었다. 문자열 빼기 문자열 = NaN (숫자 아님)

구문 분석 (또는 소수 자릿수 parseFloat)하면 작동합니다.

은

Answer 2

당신은 아마 당신이 달성 할 수 있도록하기 위해 moment.js 같은 외부 라이브러리를 사용해야하는

Answer 3

var tid1 = document.getElementById("demoo").value; 
var tid2 = document.getElementById("demooo").value; 

해야 be

var tid1 = document.getElementById("demoo").innerHTML; 
var tid2 = document.getElementById("demooo").innerHTML; 

희망이이 입력되지 않습니다 당신에게 undefined를 얻을 것이다 먼저

Answer 4

, value을하는 데 도움이됩니다. innerText 속성을 사용하여 p에서 텍스트 값을 가져와야합니다.

기본적으로 getElementById(...).innerText에서 가져온 문자열 값을 뺍니다. 당신은 Date 객체를 사용해야합니다, 그래서 당신은 숫자로 문자열 값을 변환하고 다음과 같이 Date 생성자에 무언가를 전달해야에서는 parseInt에

var tid1 = new Date(parseInt(document.getElementById("demoo").innerText)); 
var tid2 = new Date(parseInt(document.getElementById("demooo").innerText)); 
var tid3 = tid2 - tid1; 

---

보조 노트 방법

parseInt() 방법을 사용하더라도주의해야합니다. 그것은 전체 유효한 숫자가 아닌 경우에도이 방법은 예를 들어, 표현식에서 찾은 단지 오른쪽 숫자를 취할 것입니다 : 당신의 입력하면

var x = "5 Answers"; 
console.log(parseInt(x)); // Prints "5" 

더 나은는 안전하게 숫자로 변환 할 수 Number 생성자를 사용하여 숫자가 아닌 문자를 포함 할 수 있습니다 :

var x = "5 Asnwers"; 
var num = Number(x); 
console.log(num); // Prints NaN