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() {("input[name=start]").click(function() {("#console").append("<span style=\"color: #0F0\">Timer started.</span<br />"); 
                timer = .timer(timeout, function() {.timer(timeout, function() {("#console").append("Timer completed.<br />"); 
                }); 
            });

            ("input[name=stop]").click(function() {                    if(timer.stop()) {("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()) {("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=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 />"); 
            });

本文转自最课程陆敏技博客园博客,原文链接:http://www.cnblogs.com/luminji/p/3408444.html,如需转载请自行联系原作者

相关文章
|
前端开发 JavaScript
Javascript时间以及格式化秒
var now = new Date(); timer = $.timer(timeout, function () {     var sec_num = Math.ceil((now.getTime() - startTime.
677 0
|
1月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
27 1
JavaScript中的原型 保姆级文章一文搞懂
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
106 2
|
1月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
20 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
155 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
90 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
80 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
100 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
93 3