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 相关文章推荐
iframe实用操作锦集
Apr 22 Javascript
javascript中的this详解
Dec 08 Javascript
javascript:void(0)点击登录没反应怎么解决
Nov 13 Javascript
Jquery使用小技巧汇总
Dec 29 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
如何获取元素的最终background-color
Feb 06 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
Jul 15 Javascript
信息滚动效果的实例讲解
Sep 18 Javascript
详解Webpack-dev-server的proxy用法
Sep 08 Javascript
vue中keep-alive组件的入门使用教程
Jun 06 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 Javascript
JavaScript类的继承多种实现方法
May 30 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简单对象与数组的转换函数代码(php多层数组和对象的转换)
2011/05/18 PHP
关于尾递归的使用详解
2013/05/02 PHP
php创建基本身份认证站点的方法详解
2013/06/08 PHP
详解WordPress中的头像缓存和代理中的缓存更新方法
2016/03/01 PHP
PHP处理CSV表格文件的常用操作方法总结
2016/07/01 PHP
Zend Framework前端控制器用法示例
2016/12/11 PHP
PHP实现基于状态的责任链审批模式详解
2019/05/31 PHP
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
2016/08/11 Javascript
fullpage.js全屏滚动插件使用实例
2016/09/06 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
jQuery实现立体式数字滚动条增加效果
2016/12/21 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
jQuery使用方法
2017/02/04 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
jqGrid表格底部汇总、合计行footerrow处理
2019/08/21 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
[51:15]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-GAMING
2014/05/22 DOTA
Python模拟登录12306的方法
2014/12/30 Python
python利用Guetzli批量压缩图片
2017/03/23 Python
利用Django内置的认证视图实现用户密码重置功能详解
2017/11/24 Python
Python快速查找list中相同部分的方法
2018/06/27 Python
在Qt中正确的设置窗体的背景图片的几种方法总结
2019/06/19 Python
Python实现中值滤波去噪方式
2019/12/18 Python
解决jupyter notebook打不开无反应 浏览器未启动的问题
2020/04/10 Python
生物有机护肤品:Aurelia Probiotic Skincare
2018/01/31 全球购物
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
《称象》教学反思
2014/04/25 职场文书
英语教师求职信
2014/06/16 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
英文辞职信范文
2015/05/13 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
mysq启动失败问题及场景分析
2021/07/15 MySQL