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 相关文章推荐
学习js所必须要知道的一些
Mar 07 Javascript
使用jQuery jqPlot插件绘制柱状图
Dec 18 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
jQuery如何使用自动触发事件trigger
Nov 29 Javascript
JavaScript事件处理的方式(三种)
Apr 26 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
Feb 16 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
Jun 19 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
vue 实现锚点功能操作
Aug 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的一个简单加密解密代码
2014/01/14 PHP
php轻量级的性能分析工具xhprof的安装使用
2015/08/12 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
php array_merge_recursive 数组合并
2016/10/26 PHP
『JavaScript』限制Input只能输入数字实现思路及代码
2013/04/22 Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
2014/02/11 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
2016/06/21 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
Bootstrap table的使用方法
2016/11/02 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
2017/01/21 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
2017/08/03 Javascript
微信小程序全局变量功能与用法详解
2019/01/22 Javascript
JS实现的全选、全不选及反选功能【案例】
2019/02/19 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
vscode调试node.js的实现方法
2020/03/22 Javascript
[02:05]2014DOTA2西雅图国际邀请赛 BBC第二天小组赛总结
2014/07/11 DOTA
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
python ip正则式
2009/05/07 Python
wxPython中文教程入门实例
2014/06/09 Python
使用python加密自己的密码
2015/08/04 Python
Python selenium如何设置等待时间
2016/09/15 Python
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
基于python实现图片转字符画代码实例
2020/09/04 Python
python 如何区分return和yield
2020/09/22 Python
用Python 执行cmd命令
2020/12/18 Python
企业法人代表任命书
2014/06/06 职场文书
机械专业求职信范文
2014/07/15 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
作风建设剖析材料
2014/10/06 职场文书
安全生产警示教育活动总结
2015/05/09 职场文书