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 相关文章推荐
基于jquery编写的横向自适应幻灯片切换特效的实例代码
Aug 06 Javascript
JQuery触发事件例如click
Sep 11 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
axios基本入门用法教程
Mar 25 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
Oct 11 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
微信小程序与公众号卡券/会员打通的问题
Jul 25 Javascript
微信小程序 腾讯地图显示偏差问题解决
Jul 27 Javascript
javaScript中indexOf用法技巧
Nov 26 Javascript
JavaScript冒泡算法原理与实现方法深入理解
Jun 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
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
php foreach循环中使用引用的问题
2013/11/06 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
js螺旋动画效果的具体实例
2013/11/15 Javascript
JavaScript模块随意拖动示例代码
2014/05/27 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
js选项卡的实现方法
2015/02/09 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
2016/04/17 Javascript
jQuery Mobile 触摸事件实例
2016/06/04 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
微信小程序实现传参数的几种方法示例
2018/01/10 Javascript
详解vue开发中调用微信jssdk的问题
2019/04/16 Javascript
vue中组件通信的八种方式(值得收藏!)
2019/08/09 Javascript
node.js使用yargs处理命令行参数操作示例
2020/02/11 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
javascript实现京东快递单号的查询效果
2020/11/30 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
举例讲解Python设计模式编程中的访问者与观察者模式
2016/01/26 Python
python3 图片referer防盗链的实现方法
2018/03/12 Python
python numpy中cumsum的用法详解
2019/10/17 Python
python读写文件write和flush的实现方式
2020/02/21 Python
python 弧度与角度互转实例
2020/04/15 Python
python 调整图片亮度的示例
2020/12/03 Python
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
WiFi云数码相框:Nixplay
2018/07/05 全球购物
法国房车租赁网站:Yescapa
2019/08/26 全球购物
尊老爱幼演讲稿
2014/09/04 职场文书
初三语文教学计划
2015/01/22 职场文书
我的长征观后感
2015/06/09 职场文书
领导离职感言
2015/08/03 职场文书
python非标准时间的转换
2021/07/25 Python
MySQL中IO问题的深入分析与优化
2022/04/02 MySQL
Vue3实现简易音乐播放器组件
2022/08/14 Vue.js
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技