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 document.referrer判断访客来源网址
May 15 Javascript
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
移动节点的jquery代码
Jan 13 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
浅析javascript的return语句
Dec 15 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
vue favicon设置以及动态修改favicon的方法
Dec 21 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
vue踩坑记-在项目中安装依赖模块npm install报错
Apr 02 Javascript
通过实例解析jQ Ajax操作相关原理
Sep 23 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
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
destoon实现调用自增数字从1开始的方法
2014/08/21 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
PHP数组基本用法与知识点总结
2020/06/02 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
javascript各种复制代码收集
2008/09/20 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
2015/11/18 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
2018/07/10 Javascript
vue实现购物车小案例
2019/09/27 Javascript
微信小程序利用button控制条件标签的变量问题
2020/03/15 Javascript
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
python常见数制转换实例分析
2015/05/09 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
解决Django Static内容不能加载显示的问题
2019/07/28 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
手工制作的意大利太阳镜和光学元件:Illesteva
2019/01/19 全球购物
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
Nordgreen美国官网:在线购买极简主义斯堪的纳维亚手表
2019/07/24 全球购物
董事长岗位职责
2013/11/30 职场文书
企业总经理职责
2014/02/02 职场文书
好人好事事迹材料
2014/02/12 职场文书
入党积极分子批评与自我批评思想汇报
2014/09/14 职场文书
2014年环境整治工作总结
2014/12/10 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
幼儿园万圣节活动总结
2015/05/05 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript