[js常用]将秒转化为时分秒
最编程
2024-01-15 15:07:21
...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>秒转换为时分秒</title>
<script src="http://code.jquery.com/jquery-1.11.2.js"></script>
</head>
<body>
<input type="text" id="demo1">s
<button id="btn">转换</button>
<input type="text" id="demo2">或
<input type="text" id="demo3">
<script language="javascript">
/**
* 将秒数换成时分秒格式
*/
function formatSeconds(value) {
var theTime = parseInt(value);// 秒
var theTime1 = 0;// 分
var theTime2 = 0;// 小时
if(theTime > 60) {
theTime1 = parseInt(theTime/60);
theTime = parseInt(theTime%60);
if(theTime1 > 60) {
theTime2 = parseInt(theTime1/60);
theTime1 = parseInt(theTime1%60);
}
}
var result = ""+parseInt(theTime)+"秒";
if(theTime1 > 0) {
result = ""+parseInt(theTime1)+"分"+result;
}
if(theTime2 > 0) {
result = ""+parseInt(theTime2)+"小时"+result;
}
return result;
}
function formatSeconds2(a) {
var hh = parseInt(a/3600);
if(hh<10) hh = "0" + hh;
var mm = parseInt((a-hh*3600)/60);
if(mm<10) mm = "0" + mm;
var ss = parseInt((a-hh*3600)%60);
if(ss<10) ss = "0" + ss;
var length = hh + ":" + mm + ":" + ss;
if(a>0){
return length;
}else{
return "NaN";
}
}
</script>
<script>
$("#btn").on( "click", function( event ) {
var x = $("#demo1").val();
var y = formatSeconds(x);
$("#demo2").val(y);
$("#demo3").val(formatSeconds2(x));
});
</script>
</body>
</html>
推荐阅读