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
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
Dec 26 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
vue使用watch 观察路由变化,重新获取内容
Mar 08 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
Nov 24 Javascript
es6新特性之 class 基本用法解析
May 05 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
Jul 13 Javascript
vue实现的上拉加载更多数据/分页功能示例
May 25 Javascript
ElementUI radio组件选中小改造
Aug 12 Javascript
JavaScript canvas实现雨滴特效
Jan 10 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判断服务器是否是HTTPS连接
2013/07/05 PHP
PHP Curl多线程原理实例详解
2013/11/06 PHP
Windows下的PHP安装pear教程
2014/10/24 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
javascript forEach通用循环遍历方法
2010/10/11 Javascript
jQuery UI Autocomplete 体验分享
2012/02/14 Javascript
js在IE与firefox的差异集锦
2014/11/11 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
JS实现title标题栏文字不间断滚动显示效果
2016/09/07 Javascript
微信小程序 参数传递详解
2016/10/24 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
JS 实现微信扫一扫功能
2018/09/14 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
在Vue mounted方法中使用data变量详解
2019/11/05 Javascript
Javascript ParentNode和ChildNode接口原理解析
2020/03/16 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
2020/04/27 Javascript
vue中h5端打开app(判断是安卓还是苹果)
2021/02/26 Vue.js
纯Python开发的nosql数据库CodernityDB介绍和使用实例
2014/10/23 Python
PyQt5每天必学之滑块控件QSlider
2018/04/20 Python
pandas数据处理基础之筛选指定行或者指定列的数据
2018/05/03 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
python 进程的几种创建方式详解
2019/08/29 Python
python config文件的读写操作示例
2019/09/27 Python
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
橄榄树药房:OLIVEDA
2019/09/01 全球购物
C++是不是类型安全的
2014/02/18 面试题
领导失职检讨书
2014/02/24 职场文书
大学生求职信
2014/06/17 职场文书
安全在我心中演讲稿
2014/09/01 职场文书
四风批评与自我批评发言稿
2014/10/14 职场文书
家长对学校的意见和建议
2015/06/03 职场文书
小学生红领巾广播稿
2015/08/19 职场文书