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获取URL中参数值(QueryString)的4种方法分享
Apr 12 Javascript
js图片处理示例代码
May 12 Javascript
jQuery中outerWidth()方法用法实例
Jan 19 Javascript
javascript实现日期按月份加减
May 15 Javascript
C++中的string类的用法小结
Aug 07 Javascript
微信小程序 input输入及动态设置按钮的实现
Oct 27 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
Vue事件修饰符native、self示例详解
Jul 09 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 Javascript
vue实现输入一位数字转汉字功能
Dec 13 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
Apr 26 Javascript
javascript之Object.assign()的痛点分析
Mar 03 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
Yii2中使用join、joinwith多表关联查询
2016/06/30 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
JQuery扩展插件Validate 2通过参数设置验证规则
2011/09/05 Javascript
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
JS随机漂浮广告代码具体实例
2013/11/19 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
2015/03/27 Javascript
bootstrap网页框架的使用方法
2016/05/10 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
vue移动端UI框架实现QQ侧边菜单组件
2018/03/09 Javascript
使用Node搭建reactSSR服务端渲染架构
2018/08/30 Javascript
实例讲解JavaScript截取字符串
2018/11/30 Javascript
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
Python模拟登录12306的方法
2014/12/30 Python
python中for用来遍历range函数的方法
2018/06/08 Python
python实现事件驱动
2018/11/21 Python
在python 中实现运行多条shell命令
2019/01/07 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
使用python动态生成波形曲线的实现
2019/12/04 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
html5视频自动横过来自适应页面且点击播放功能的实现
2020/06/03 HTML / CSS
英国最好的包装供应商:Priory Direct
2019/12/17 全球购物
临床医学大学生求职信
2013/09/28 职场文书
祖国在我心中演讲稿
2014/01/15 职场文书
运动会开幕式解说词
2014/02/05 职场文书
机关党员公开承诺书
2014/08/30 职场文书
杜甫草堂导游词
2015/02/03 职场文书
综合素质自我评价评语
2015/03/06 职场文书
政审证明范文
2015/06/19 职场文书
2015小学师德工作总结
2015/07/21 职场文书
python实现简单反弹球游戏
2021/04/12 Python