将时间戳格式化为 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. Windows系统下安装运行Kafka

    一.安装JAVA JDK 1.下载安装包 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151. ...

  2. flanneld,flannel和cni逐步深入

    这个问题,现在慢慢搞定. 把这两者的关系搞清楚了. 还有kubeadm join和手工安装Node的故事, 也没那么玄乎~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ htt ...

  3. 跳跃表Skip List的原理

    1.二分查找和AVL树查找 二分查找要求元素可以随机访问,所以决定了需要把元素存储在连续内存.这样查找确实很快,但是插入和删除元素的时候,为了保证元素的有序性,就需要大量的移动元素了.如果需要的是一个 ...

  4. FORM表单中onclick()、submit()与onsubmit()的问题

    最近遇到一次处理form数据的过滤,采用了button的onclick事件来检查,发现return false后表单仍然提交了. 于是仔细研究了下onclick.onsubmit.submit集合函数 ...

  5. npm淘宝镜像的设置和删除

    设置 npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao ...

  6. 洛谷3825 [NOI2017]游戏 2-sat

    原文链接http://www.cnblogs.com/zhouzhendong/p/8146041.html 题目传送门 - 洛谷3825 题解 我们考虑到地图中x的个数很少,最多只有8个. 所以我们 ...

  7. 007 numpy数组文件的存取

    不知道这个有没有用,都整理了一番. 一:数组以二进制格式进行存储 1.说明 np.save与np.load是读写磁盘数组数据的两个重要函数. 默认情况下,数组以压缩的原始二进制格式保存在扩展名为npy ...

  8. day 42 mycql 数据类型

    关于性别字段的存储数据类型选用 -- 性别字段 create table actor2 (id int not null auto_increment primary key,name char(32 ...

  9. detailFormatter bootstrapTable

    detailView : true,//会导致表格最开头多出一列 detailFormatter :function(index, row, element){ var image = '<di ...

  10. python基础篇_002_基础数据类型

    Python基础数据类型 1.int # int 用于计算 num = 3 # int 与其他数据类型转换 int_to_str = str(num) # 数字加引号 print(int_to_str ...