内容引入至网络

<!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>

[js常用]将秒转化为时分秒的更多相关文章

  1. Android 时钟(由秒转变为时分秒)

    int second = 0: Handler handler = new Handler(); handler.post(runnable); Runnable runnable = new Run ...

  2. js 秒的倒计时，将秒转换为时分秒显示

    在VUE 中的使用 {{moveMin}} // ...methods: { // 补0 formatBit (val) { val = +val ? val : ' + val }, // 秒转时分 ...

  3. C# 使用TimeSpan秒数转化为时分秒的写法

    1.TimeSpan的生成方法 // 参数: // ticks: // A time period expressed in 100-nanosecond units. public TimeSpan ...

  4. 将秒格式化为时分秒的JS函数

    //时间格式化 function GetDateTime(time) { if (time >= 60 && time <= 3600) { time = parseInt ...

  5. java将秒转换为时分秒工具类

    需要一个接收时分秒的对象,如下: package com.dq.schoolcontract.utils; import com.sun.media.jfxmedia.control.VideoRen ...

  6. js常用时间转换函数

    1.秒转换为时分秒 // 秒转换为时分秒 export function secExchangeMoment(value = 0){ let secondTime = parseInt(value); ...

  7. js实现将时分秒转化成毫秒，将秒转化成时分秒

    // 时间转为毫秒 timeToSec(time) { var hour = time.split('[0] var min = time.split('[1] var sec = time.spli ...

  8. PHP——秒数转换为时分秒

    前言 通讯记录需要用到的一个方法,就是将秒转为时分秒 方法 PHP有内置的方法,直接用即可,不过这个只是24小时以内.对于通讯录来说是够用了~ 示例 $v = 30; gmdate('H:i:s', ...

  9. 秒转为时分秒格式js

    秒转为时分秒格式 function formatSeconds(value) { if(value == undefined) { value = 0; } var second = parseInt ...

随机推荐

  1. 【转】POJ分类很好很有层次感

    OJ上的一些水题(可用来练手和增加自信) (poj3299,poj2159,poj2739,poj1083,poj2262,poj1503,poj3006,poj2255,poj3094) 初期: 一 ...

  2. UINavigationBar 的视觉效果

    有很多属性可以决定导航栏的视觉效果,下面做一下总结 barStyle 属性 白底黑字 default 黑底白字 black blackOpaque 和 blackTranslucent 已被 Depr ...

  3. Sip协议

    会话初始协议.SIP是IETF标准进程的一部分,它是在诸如SMTP(简单邮件传送协议)和HTTP(超文本传送协议)基础之上建立起来的(请求应答的通讯模式).微信采用了自主研发的SYNC协议,他通过“握 ...

  4. Top Leaders社区发现算法（top leaders community detection approach in information networks）

    一.概念 复杂网络:现实生活中各种系统都可以看做成复杂网络,复杂网络构成包括节点和边,节点是网络中的基本组成单元,节点之间的联系或者关系是网络中的边.例如 电力网络:基站代表节点,基站之间是否互通表示 ...

  5. constructor 属性返回变量或对象的构造函数。判断是否为日期，数组的例子

    constructor 属性返回变量或对象的构造函数. <!DOCTYPE html> <html> <head> <meta charset="u ...

  6. Linux下面安装swoole

    需要安装php7 新建一个文件夹,作为存储swoole的文件夹 然后执行下面相对应的命令,这里是我执行的命令 新建文件夹 mkdir swoole 切入到文件夹中,进行下载安装包 wget http: ...

  7. web前端导出csv文件

    前言 导出文件,使用最多的方式还是服务器端来处理.比如jsp 中使用response 的方式. 但是,有时候可能就想使用web 前端是否也可以把页面上的内容导出来呢? 比如说,导出页面的一个表格. 这 ...

  8. 关于Spring配置的一些东西

    Spring 配置的三种方式:JAVA配置,注解配置,和XML的配置 注解配置: @Service:标识服务层(业务层)组件 @Component:基本注解, 标识了一个受 Spring 管理的组件( ...

  9. Android Library项目发布到JCenter最简单的配置方法

    前沿 网上的步骤看起来实在太麻烦,gituhb上偶然间看到的一个项目,经过实际验证确实可行.github连接:https://github.com/xiaopansky/android-library ...

  10. 关于Class的invokeDynamic指令

    (1)java7之Special Methods (2)invokedynamic指令 https://www.cnblogs.com/wade-luffy/p/6058087.html public ...