zoukankan      html  css  js  c++  java
  • [js常用]将秒转化为时分秒

    内容引入至网络

    <!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>   
  • 相关阅读:
    07.15 first与first-child的区别
    7.15 css与js 选择奇偶子元素的区别
    7.15过有意思的生活
    7.14养成健身习惯
    8080端口被占用
    Vue自定义指令和认识钩子函数
    按键修饰符
    Vue 的过滤器
    列表渲染
    在Vue中使用.class样式
  • 原文地址:https://www.cnblogs.com/lovetangyuxian/p/10107215.html
Copyright © 2011-2022 走看看