zoukankan      html  css  js  c++  java
  • Javascript时间以及格式化秒

    var now = new Date();
    timer = $.timer(timeout, function () {
        var sec_num = Math.ceil((now.getTime() - startTime.getTime()) / 1000);
        showPaperTimer(now, sec_num);
        if (sec_num % 60 == 0) {

        }
    });

     

    function showPaperTimer(now, sec_num) {
        var nowStr = now.getFullYear() + '-';
        nowStr += now.getMonth() + 1 + '-';
        nowStr += now.getDate() + ' ';
        nowStr += now.getHours() + ':';
        nowStr += now.getMinutes() + ':';
        nowStr += now.getSeconds();

        var hours = Math.floor(sec_num / 3600);
        var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
        var seconds = sec_num - (hours * 3600) - (minutes * 60);
        if (hours < 10) { hours = "0" + hours; }
        if (minutes < 10) { minutes = "0" + minutes; }
        if (seconds < 10) { seconds = "0" + seconds; }
        var time0 = hours + ':' + minutes + ':' + seconds;

        $("#times").html("当前时间:" + str + ",已耗时:" + time0);
    }

     

    其中,$.timer是一个Jq时钟,来自于http://plugins.jquery.com/timer/,其常用操作有:

    var timeout = 1000;
                var timer;
                $("input[name=start]").click(function() {
                    $("#console").append("<span style="color: #0F0">Timer started.</span<br />");
                    timer = $.timer(timeout, function() {
                        $("#console").append("Timer completed.<br />");
                    });
                });

                $("input[name=stop]").click(function() {
                    if(timer.stop()) {
                        $("#console").append("<span style="color: #F00">Timer stopped.</span<br />");
                    }
                });

                $("input[name=pause]").click(function() {
                    if(timer.pause()) {
                        $("#console").append("<span style="color: #FF0">Timer paused.</span<br />");
                    }
                });

                $("input[name=resume]").click(function() {
                    if(timer.resume()) {
                        $("#console").append("<span style="color: #F00">Timer resumed.</span<br />");
                    }
                });
                $("input[name=reset]").click(function() {
                    timer.stop();
                    timeout = prompt("Reset timeout too:", 500);
                    timer.reset(timeout);
                    $("#console").append("<span style="color: #00F">Timer reset.</span<br />");
                });

  • 相关阅读:
    Zookeeper ZAB 协议分析
    Docker技术快速精通指南
    Oracle闪回技术详解
    怎样打造一个分布式数据库
    使用js冒泡实现点击空白处关闭弹窗
    也谈谈我对Docker的简单理解
    Docker技术快速精通指南
    Oracle优化网上常见的5个错误观点
    使用Spring AOP实现MySQL读写分离
    RESTEASY ,从学会使用到了解原理。
  • 原文地址:https://www.cnblogs.com/luminji/p/3408444.html
Copyright © 2011-2022 走看看