js 秒转换时分秒格式

  1. <!DOCTYPE html>    
  2.     <html>    
  3.     <head>    
  4.     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    
  5.     <title>秒转换为时分秒</title>  
  6. <script src="http://code.jquery.com/jquery-1.11.2.js"></script>    
  7.     </head>    
  8.   
  9.     <body>  
  10.   
  11. <input type="text" id="demo1">s  
  12. <button id="btn">转换</button>  
  13. <input type="text" id="demo2">或  
  14. <input type="text" id="demo3">  
  15.   
  16.     
  17.     <script language="javascript">  
  18. /**  
  19. * 将秒数换成时分秒格式  
  20. * 整理:www.jbxue.com  
  21. */  
  22.     
  23. function formatSeconds(value) {  
  24.     var theTime = parseInt(value);// 秒  
  25.     var theTime1 = 0;// 分  
  26.     var theTime2 = 0;// 小时  
  27.     if(theTime > 60) {  
  28.         theTime1 = parseInt(theTime/60);  
  29.         theTime = parseInt(theTime%60);  
  30.             if(theTime1 > 60) {  
  31.             theTime2 = parseInt(theTime1/60);  
  32.             theTime1 = parseInt(theTime1%60);  
  33.             }  
  34.     }  
  35.         var result = ""+parseInt(theTime)+"秒";  
  36.         if(theTime1 > 0) {  
  37.         result = ""+parseInt(theTime1)+"分"+result;  
  38.         }  
  39.         if(theTime2 > 0) {  
  40.         result = ""+parseInt(theTime2)+"小时"+result;  
  41.         }  
  42.     return result;  
  43. }  
  44.   
  45. function formatSeconds2(a) {   
  46.   var hh = parseInt(a/3600);  
  47.   if(hh<10hh = "0" + hh;  
  48.   var mm = parseInt((a-hh*3600)/60);  
  49.   if(mm<10mm = "0" + mm;  
  50.   var ss = parseInt((a-hh*3600)%60);  
  51.   if(ss<10ss = "0" + ss;  
  52.   var length = hh + ":" + mm + ":" + ss;  
  53.   if(a>0){  
  54.     return length;  
  55.   }else{  
  56.     return "NaN";  
  57.   }  
  58. }  
  59. </script>    
  60. <script>  
  61. $("#btn").on( "click", function( event ) {  
  62.   var x = $("#demo1").val();  
  63.   var y = formatSeconds(x);  
  64.   $("#demo2").val(y);  
  65. $("#demo3").val(formatSeconds2(x));  
  66. });  
  67. </script>  
  68.     </body>    
  69.     </html>   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值