Javascript时间以及格式化秒-阿里云开发者社区

开发者社区> luminji> 正文

Javascript时间以及格式化秒

简介: var now = new Date(); timer = $.timer(timeout, function () {     var sec_num = Math.ceil((now.getTime() - startTime.
+关注继续查看

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 />");
            });

Creative Commons License本文基于Creative Commons Attribution 2.5 China Mainland License发布,欢迎转载,演绎或用于商业目的,但是必须保留本文的署名http://www.cnblogs.com/luminji(包含链接)。如您有任何疑问或者授权方面的协商,请给我留言。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Javascript时间以及格式化秒
var now = new Date(); timer = $.timer(timeout, function () {     var sec_num = Math.ceil((now.getTime() - startTime.
549 0
javascript 一个关于时间排序的算法(一个页面多个倒计时排序)
上周要做一个活动页面 秒杀列表页 需要一个时间的算法排序 自己琢磨了半天想了各种算法也没搞出来,后来问了下一个后台的php同学 他写了个算法给我看了下 ,刚开始看的时候觉得这就是个纯算法,不能转化成页面的dom效果,可是再看了两遍发现可以 于是我就改了改 实现了 不禁感叹 确实蛮赞的 于是就博一客;...
850 0
推荐一个markdown格式转html格式的开源JavaScript库
这个markdown格式转html格式的开源JavaScript库在github上的地址: https://github.com/millerblack/markdown-js 从markdown 格式转成html源代码格式 新建一个以js结尾的文件,将下列内容粘贴进去: var markdown = require( "markdown" ).
1811 0
JavaScript进阶【二】JavaScript 严格模式(use strict)的使用
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/79249309 ...
875 0
+关注
luminji
微软最有价值技术专家(MVP),著有《编写高质量代码:改善C#程序的157个建议》,有着十多年的软件从业资历。
291
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《Nacos架构&原理》
立即下载
《看见新力量:二》电子书
立即下载
云上自动化运维(CloudOps)白皮书
立即下载