Anzeigezeitberechnung im vollen Format

Question

Ich habe einen kleinen Zeitrechner, der die Anzahl der Minuten von einer 24-Stunden-Zeit subtrahiert, z. 22 Minuten von 13:30 Uhr entspricht 13:08, aber anstelle von "13:08" zeigt meine Webseite "13: 8" an, um die "13: 8" anzuzeigen?

Javascript:

function myFunction() { 

function converToMinutes(s) { 
    var c = s.split(':'); 
    return parseInt(c[0]) * 60 + parseInt(c[1]); 
} 

function parseTime(s) { 
    return Math.floor(parseInt(s)/60) + ":" + parseInt(s) % 60 
} 


var endTime = document.getElementById("etime").value; 
var startTime = converToMinutes(document.getElementById("stime").value); 
var converted = parseTime(startTime - endTime); 


document.getElementById('finishtime').innerHTML = converted; 

} 

HTML:

<p>Please enter minutes</p> 
<input type="text" id="etime"> 
<br> 
<p>Please enter time in 24 hour format (eg. 15:00)</p> 
<input type="text" id="stime"> 
<br> 
<br> 
<button onclick="myFunction()">Try it</button> 

<p id="finishtime"> 

Answer 1

ersetzen

return Math.floor(parseInt(s)/60) + ":" + parseInt(s) % 60; 

mit

var seconds = parseInt(s) % 60; 
return Math.floor(parseInt(s)/60) + ":" + ((seconds < 10)?"0"+seconds:seconds); 

Answer 2

function myFunction() { 
 

 
function converToMinutes(s) { 
 
    var c = s.split(':'); 
 
    return parseInt(c[0]) * 60 + parseInt(c[1]); 
 
} 
 

 
function parseTime(s) { 
 
    return Math.floor(parseInt(s)/60) + ":" + parseInt(s) % 60 
 
} 
 
    function parseTime2(s) { 
 
    return Math.floor(parseInt(s)/60) + ":0"+ parseInt(s) % 60 
 
} 
 

 

 
var endTime = document.getElementById("etime").value; 
 
    
 
var startTime = converToMinutes(document.getElementById("stime").value); 
 
    
 
    var a= (startTime - endTime)%60; 
 
    var converted 
 
    if(a>10){ 
 
converted = parseTime(startTime - endTime); 
 
    } 
 
    else{ 
 
    converted = parseTime2(startTime - endTime); 
 
    } 
 

 

 
document.getElementById('finishtime').innerHTML = converted; 
 

 
}

<p>Please enter minutes</p> 
 
<input type="text" id="etime"> 
 
<br> 
 
<p>Please enter time in 24 hour format (eg. 15:00)</p> 
 
<input type="text" id="stime"> 
 
<br> 
 
<br> 
 
<button onclick="myFunction()">Try it</button> 
 

 
<p id="finishtime">

Answer 3

function myFunction() { 
 
\t function converToMinutes(s) { 
 
\t var c = s.split(':'); 
 
\t return parseInt(c[0]) * 60 + parseInt(c[1]); 
 
\t } 
 
\t function parseTime(s) { 
 
\t var seconds = parseInt(s) % 60; 
 
\t \t return Math.floor(parseInt(s)/60) + ":" + ((seconds < 10)?"0"+seconds:seconds); 
 
\t } 
 
    \t var endTime = document.getElementById("etime").value; 
 
\t var startTime = converToMinutes(document.getElementById("stime").value); 
 
\t var converted = parseTime(startTime - endTime); 
 
\t document.getElementById('finishtime').innerHTML = converted; 
 
}

<p>Please enter minutes</p> 
 
<input type="text" id="etime" placeholder="Please enter minutes" value="22"> 
 
<br> 
 
<p>Please enter time in 24 hour format (eg. 15:00)</p> 
 
<input type="text" id="stime" placeholder="Please enter time formate (eg. 15:00)" value="13:30"> 
 
<br> 
 
<br> 
 
<button onclick="myFunction()">Try it</button> 
 

 
<p id="finishtime"></p>