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 相关文章推荐
简短几句 通俗解释javascript的闭包
Jan 17 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
Mar 28 Javascript
jQuery extend 的简单实例
Sep 18 Javascript
Select标签下拉列表二级联动级联实例代码
Feb 07 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 Javascript
js中Number数字数值运算后值不对的解决方法
Feb 28 Javascript
angular中不同的组件间传值与通信的方法
Nov 04 Javascript
微信小程序网络请求实现过程解析
Nov 06 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 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
教你如何把一篇文章按要求分段
2006/10/09 PHP
PHP中的多种加密技术及代码示例解析
2016/10/20 PHP
PHP设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
基于php解决json_encode中文UNICODE转码问题
2020/11/10 PHP
Javascript 去除数组的重复元素
2010/05/04 Javascript
jquery的Theme和Theme Switcher使用小结
2010/09/08 Javascript
JavaScript将数据转换成整数的方法
2014/01/04 Javascript
触屏中的JavaScript事件分析
2015/02/06 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
2016/06/12 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
浅谈时钟的生成(js手写简洁代码)
2016/08/20 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
2017/07/11 Javascript
JS代码触发事件代码实例
2020/01/02 Javascript
JS实现进度条动态加载特效
2020/03/25 Javascript
9个JavaScript日常开发小技巧
2020/10/06 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
Python的Tornado框架实现异步非阻塞访问数据库的示例
2016/06/30 Python
python魔法方法-属性转换和类的表示详解
2016/07/22 Python
python用装饰器自动注册Tornado路由详解
2017/02/14 Python
python3中int(整型)的使用教程
2017/03/23 Python
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
Django使用详解:ORM 的反向查找(related_name)
2018/05/30 Python
Python实现的爬取网易动态评论操作示例
2018/06/06 Python
python 字符串常用方法汇总详解
2019/09/16 Python
canvas小画板之平滑曲线的实现
2020/08/12 HTML / CSS
美国演唱会和体育门票购买网站:Ticketnetwork
2018/10/19 全球购物
C#笔试题集合
2013/06/21 面试题
高三自我鉴定
2013/10/23 职场文书
大学自我鉴定
2013/12/20 职场文书
公益活动策划方案
2014/01/09 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
企业员工辞职信范文
2015/05/12 职场文书