秒转时分秒 js

最新推荐文章于 2024-07-10 20:12:47 发布

youngage

最新推荐文章于 2024-07-10 20:12:47 发布

阅读量6.5k

点赞数

分类专栏： JavaWeb项目开发文章标签：秒转时分秒

本文链接：https://blog.csdn.net/youngage/article/details/44684273

版权

JavaWeb项目开发专栏收录该内容

36 篇文章 0 订阅

订阅专栏

一、方法一

http://jingyan.baidu.com/article/375c8e19a0413925f2a229d2.html

<!DOCTYPE html>  
    <html>  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
    <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">
/**
* 将秒数换成时分秒格式
* 整理：www.jbxue.com
*/
  
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>