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 相关文章推荐
豆瓣网的jquery代码实例
Jun 15 Javascript
javascript:void(0)的真正含义实例分析
Aug 20 Javascript
jQuery登陆判断简单实现代码
Apr 21 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 Javascript
JQUERY dialog的用法详细解析
Dec 19 Javascript
jquery实现的一个简单进度条效果实例
May 12 Javascript
Bootstarp风格的toggle效果分享
Feb 23 Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
Aug 24 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
May 05 Javascript
Vue中util的工具函数实例详解
Jul 08 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 array_push 数组函数
2009/12/26 PHP
解析mysql 表中的碎片产生原因以及清理
2013/06/22 PHP
PHP计算2点经纬度之间的距离代码
2013/08/12 PHP
PHP图片裁剪函数(保持图像不变形)
2014/05/04 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
JSON简介以及用法汇总
2016/02/21 Javascript
Vue打包后出现一些map文件的解决方法
2018/02/13 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
2019/01/06 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
2019/08/23 Javascript
jquery+ajax实现异步上传文件显示进度条
2020/08/17 jQuery
python内存管理分析
2015/04/08 Python
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
Python 多线程抓取图片效率对比
2016/02/27 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
python-str,list,set间的转换实例
2018/06/27 Python
Python用Try语句捕获异常的实例方法
2019/06/26 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
Python常用类型转换实现代码实例
2020/07/28 Python
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
最新的大学生找工作自我评价
2013/09/29 职场文书
函授毕业自我鉴定
2013/12/19 职场文书
校本教研工作制度
2014/01/22 职场文书
总经理人事任命书
2014/06/05 职场文书
2014第二批党的群众路线教育实践活动对照检查材料思想汇报
2014/09/18 职场文书
2014年计生协会工作总结
2014/11/21 职场文书
商务代表岗位职责
2015/02/15 职场文书
村党组织公开承诺书
2015/04/30 职场文书
旗帜观后感
2015/06/08 职场文书
信息技术远程培训心得体会
2016/01/09 职场文书
2016年主题党日活动总结
2016/04/05 职场文书
使用kubeadm命令行工具创建kubernetes集群
2022/03/31 Servers