将时间戳格式化为 HH:ii:ss的格式

<html>

<head>

</head>

<body>

    <span id="time"></span>

    <script>

        var timestamp = Date.parse(new Date())/1000;

        var time_old = Date.parse(new Date())/1000;

        timeAdd()

        /**

         * @purpose    :    计时器，自动加一秒

         * @time    :    2018-01-23

         * @author    :    daicr

        */

        function timeAdd(){

            document.getElementById('time').innerHTML = time_format(timestamp-time_old);

            timestamp +=1;

            setTimeout("timeAdd()",1000);

        }

        /**

         * @purpose    :    将时间戳格式化为 HH:ii:ss的格式

         * @time    :    2018-01-23

         * @author    :    daicr

        */

        function time_format(sec){

            var time_str = '';

            var hour = '';

            var minute = '';

            var second = '';

            if(sec < 0){

                time_str = '00:00:00';

            }else if(sec < 3600){        // 一小时以内

                // 分钟

                minute = Math.floor(sec/60);

                if(minute < 10){

                    minute = '0'+minute;

                }

                //秒

                second = sec%60;

                if(second < 10){

                    second = '0'+second;

                }

                time_str = '00:'+minute+':'+second;

            }else{                     // 一小时以上

                // 小时

                hour = Math.floor(sec/3600);

                if(hour < 10){

                    hour = '0'+hour;

                }

                // 分钟

                minute = Math.floor((sec%3600)/60);

                if(minute < 10){

                    minute = '0'+minute;

                }

                //秒

                second = sec%60;

                if(second < 10){

                    second = '0'+second;

                }

                time_str = hour+':'+minute+':'+second;

            }

            return time_str;

        }

    </script>

</body>

</html>

本文为小作者工作中的总结，如有转载，请注明出处：http://www.cnblogs.com/chrdai/p/8336129.html

js将时间戳格式化为HH:ii:ss的格式的更多相关文章

  1. js获取当前日期时间“yyyy-MM-dd HH:MM:SS”

    获取当前的日期时间 格式“yyyy-MM-dd HH:MM:SS” 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function getNowFormatDat ...

  2. 【转】js获取当前日期时间“yyyy-MM-dd HH:MM:SS”

    获取当前的日期时间 格式“yyyy-MM-dd HH:MM:SS”   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function getNowFormatD ...

  3. hh:mm:ss时间格式那些事儿

    怎么把hh:mm:ss.45 时间格式换算成秒? 比较简单点的格式,比如hh:mm:ss是比较容易的,但是怎么样把hh:mm:ss.45,这样的格式,就是秒不是整数的时间格式换算成秒? ans:将时间 ...

  4. C#中将long浮点数格式化为{H:min:s.ms}格式的字符串的方法

    场景 表示时间的数据格式为浮点数,如下: 需要将其格式化为{H:min:s.ms}格式的字符串,效果如下: 注: 博客主页:https://blog.csdn.net/badao_liumang_qi ...

  5. vue-cli 利用moment.js转化时间格式为YYYY年MM月DD日，或者是YYYY-MM-DD HH:MM:SS 等格式

    1.在mian.js引入moment import moment from 'moment' Vue.prototype.$moment = 'moment' 2. 在main.js 设置全局过滤器 ...

  6. YYYY-mm-dd HH:MM:SS 时间格式

    YYYY-mm-dd HH:MM:SS部分解释 d               月中的某一天.一位数的日期没有前导零.    dd             月中的某一天.一位数的日期有一个前导零.   ...

  7. JS将日期转换为yyyy-MM-dd HH:mm:ss

    //格式化后日期为:yyyy-MM-dd HH:mm:ss function FormatAllDate(sDate) { var date = new Date(sDate); var sepera ...

  8. js把秒数转换为HH:MM:SS及时分秒格式

    /** * 转为HH:MM:SS * @param second * @returns {string} * @private */ var _showTime = function (second) ...

  9. js获取当前的日期时间 格式“yyyy-MM-dd HH:MM:SS”

    function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 ...

随机推荐

  1. webstorm ps

    2018WebStorm注册码   2018-10-10 2018年08月22日 17:36:58 阳光明媚的味道 阅读数:6325   8月21日 http://webstorm.autoseasy ...

  2. C# 之 索引器

    索引器允许类或者结构的实例按照与数组相同的方式进行索引取值,索引器与属性类似,不同的是索引器的访问是带参的. 索引器和数组比较: (1)索引器的索引值(Index)类型不受限制 (2)索引器允许重载 ...

  3. python全栈开发day99-DRF序列化组件

    1.解释器组件源码分析 https://www.processon.com/view/link/5ba0a8e7e4b0534c9be0c968 2.基于CBV的接口设计 1).django循环que ...

  4. FastJson 支持配置的PropertyNamingStrategy四种策略

    摘要: FastJson默认使用CamelCase,在1.2.15版本之后,FastJson支持配置PropertyNamingStrategy,支持四种策略: CamelCase.PascalCas ...

  5. DC3求后缀数组板子

    #include<bits/stdc++.h> #define LL long long #define fi first #define se second #define mk mak ...

  6. 51Nod1634 刚体图 动态规划 容斥原理 排列组合

    原文链接https://www.cnblogs.com/zhouzhendong/p/51Nod1634.html 题目传送门 - 51Nod1634 题意 基准时间限制:1 秒 空间限制:13107 ...

  7. Codeforces 982E Billiard 扩展欧几里德

    原文链接http://www.cnblogs.com/zhouzhendong/p/9055728.html 题目传送门 - Codeforces 928E 题意 一束与坐标轴平行或者成$45^\ci ...

  8. 配置maven从自己的私服下载jar包nexus、maven私服仓库（二）

    配置maven项目从私服下载jar包 pom文件配置从maven私服下载jar包 settings文件配置从maven私服下载jar包 (方便自己关键字搜索,所以多写了几行o(*￣︶￣*)o) 今天自 ...

  9. 用面向对象重写thread 实现多次调用一个线程

    思路: 利用thread类中,run方法在子线程中调用,其他方法在主线程调用,所以将生产者写入主线程,将消费者写入run函数中在子线程中执行,完成生产者消费者模型 注意: 1. 要在 init 函数中 ...

  10. poj 1386 Play on Words门上的单词【欧拉回路&&并查集】

    题目链接:http://poj.org/problem?id=1386 题目大意:给你若干个字符串,一个单词的尾部和一个单词的头部相同那么这两个单词就可以相连,判断给出的n个单词是否能够一个接着一个全 ...