以完整格式显示时间计算

时间:2016-10-21 11:33:39

标签: javascript html time format

我有一个小时间计算器,它减去24小时后的分钟数,例如然而,从13:30开始的22分钟等于13:08,而不是显示" 13:08"我的网页显示" 13:8"无论如何要让它显示" 13: 0 8"?

使用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">

3 个答案:

答案 0 :(得分:0)

替换

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

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

答案 1 :(得分:0)

&#13;
&#13;
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;

}
&#13;
<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">
&#13;
&#13;
&#13;

答案 2 :(得分:0)

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