将时间戳格式化为 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. github.com加速节点

    github.com加速节点 192.30.253.118 github.com192.30.253.119 github.com93.46.8.89 github.com

  2. Oracle数据库执行exp命令--报参数'log' 不允许有多个值

    前几天设置自动备份oracle 数据库时发现一个问题,自动备份老是执行失败,后来把语句拿出来单独执行才发现是语句写的有问题,一般情况下自动备份都要自动生成日志文件,以便于我们查看备份是否正常执行.下面 ...

  3. 为tomcat8安装Native library

    安装依赖包 yum install -y cmake gcc expat-devel perl wget 安装apr wget http://mirrors.hust.edu.cn/apache//a ...

  4. JS如何监听动画结束

    场景描述 在使用JS控制动画时一般需要在动画结束后执行回调去进行DOM的相关操作,所以需要监听动画结束进行回调.JS提供了以下事件用于监听动画的结束,简单总结学习下. CSS3动画监听事件 trans ...

  5. python全栈开发day85-查：数据表 数据头 增加列 展示多对多字段 反向解析编辑和删除按钮的url

    直接上代码: # spark/service/sites.py from django.conf.urls import url from django.shortcuts import HttpRe ...

  6. java06作业归档

    动手动脑 阅读QiPan.java示例程序了解如何利用二维数组和循环语句绘制五子棋盘. package 归档作业6; import java.io.*; public class QIPAN { // ...

  7. day30 网络编程 之进程,线程,协程

    进程点进去 线程点进去 协程点进去 什么是进程 进程(有时称为重量级进程)是一个执行中的程序.每个进程都拥有自己的地址空间.内存.数据栈以及其他用于跟踪执行的辅助数据.同一个程序执行两次,属于是两个不 ...

  8. Maya cmds pymel 获取安装选择顺序选择的物体

    Maya cmds pymel 获取安装选择顺序选择的物体 import maya.cmds as cmds 先设置选择顺序 cmds.selectPref(trackSelectionOrder = ...

  9. Python之IO编程——文件读写、StringIO/BytesIO、操作文件和目录、序列化

    IO编程 IO在计算机中指Input/Output,也就是输入和输出.由于程序和运行时数据是在内存中驻留,由CPU这个超快的计算核心来执行,涉及到数据交换的地方,通常是磁盘.网络等,就需要IO接口.从 ...

  10. css3 的新属性

    1,动画,animate------>//动画-名称-动画的时间间隔-以什么方式播放-循环 .right{ animate:dropdown 4px 5px #000; // x的偏移值 y的偏 ...