JS 统计时间


Posted in Javascript onMarch 09, 2021

HTML

<span id="running_year"></span>年<span id="running_day"></span>天<span id="running_hour"></span>小時<span id="running_minute"></span>分鐘<span id="running_second"></span>秒

JS

var GM = {};
GM.running = function(){
	var start_time = new Date("2019-12-17,22:30:50");
	var now_time = new Date();
	
	var running_time = parseInt((now_time.getTime() - start_time.getTime()) / 1000);
	var y = parseInt(running_time / (365*24*60*60));
	var d = parseInt(running_time / (60*60*24) % 365);
	var h = parseInt(running_time / (60 * 60) % 24);
	var m = parseInt(running_time / 60 % 60);
	var s = parseInt(running_time % 60);
	
	$("#running_year").html(y);
	$("#running_day").html(d);
	$("#running_hour").html(h);
	$("#running_minute").html(m);
	$("#running_second").html(s);
	setTimeout(GM.running, 1000);
};

获取ID时使用了JQUERY库,如果不使用JQUERY可以换成 document.getElementById()innerHTML()

document.getElementById("running_year").innerHTML = y;

注:没有计算闰年,没有计算月份,一个简单的小效果,要求高的请自行改良。

Javascript 相关文章推荐
MSN消息提示类
Sep 05 Javascript
JavaScript类和继承 this属性使用说明
Sep 03 Javascript
始终在屏幕中间显示Div的代码(css+js)
Mar 10 Javascript
JavaScript获取/更改文本框的值的实例代码
Aug 02 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
mvc中form表单提交的三种方式(推荐)
Aug 10 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
Angular2入门--架构总览
Mar 29 Javascript
深入浅析Vue.js中 computed和methods不同机制
Mar 22 Javascript
Vue实现类似Spring官网图片滑动效果方法
Mar 01 Javascript
微信小程序实现商城倒计时
Nov 01 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
Jun 22 Javascript
正则表达式语法
Oct 09 #Javascript
QQ登录简单实现代码
Mar 09 #Javascript
javaScript - 如何引入js代码
Mar 09 #Javascript
JavaScript延迟加载
Mar 09 #Javascript
JS JavaScript获取Url参数,src属性参数
Mar 09 #Javascript
JAVASCRIPT 对象的创建与使用
Mar 09 #Javascript
JS 容错处理代码, 屏蔽错误信息
Mar 09 #Javascript
You might like
一步一步学习PHP(4) php 函数 补充2
2010/02/15 PHP
php 常用类汇总 推荐收藏
2010/05/13 PHP
PHP的SQL注入过程分析
2012/01/06 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
PHP实现图片的等比缩放和Logo水印功能示例
2017/05/04 PHP
Jquery修改页面标题title其它JS失效的解决方法
2014/10/31 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
详解Vue-cli 创建的项目如何跨域请求
2017/05/18 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
jQuery实现一个简单的验证码功能
2017/06/26 jQuery
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
vue实现导航栏效果(选中状态刷新不消失)
2017/12/13 Javascript
JS实现字符串去重及数组去重的方法示例
2018/04/21 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
webpack4+react多页面架构的实现
2018/10/25 Javascript
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
Element Rate 评分的使用方法
2020/07/27 Javascript
python获取本机外网ip的方法
2015/04/15 Python
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
pytorch 在sequential中使用view来reshape的例子
2019/08/20 Python
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
高档奢华时装在线目的地:FORWARD by elyse walker
2017/10/16 全球购物
会计电算化专业应届大学生求职信
2013/10/22 职场文书
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
人事文员岗位职责
2015/02/04 职场文书
面试通知邮件
2015/04/20 职场文书
乡镇团委工作总结2015
2015/05/26 职场文书
2016新党章学习心得体会
2016/01/15 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python
GPU服务器的多用户配置方法
2022/07/07 Servers