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的遍历同id元素 并响应事件的代码
Jun 14 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
Javascript使用post方法提交数据实例
Aug 03 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
深入理解Vue keep-alive及实践总结
Aug 21 Javascript
JavaScript Dom 绑定事件操作实例详解
Oct 02 Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 Javascript
react使用CSS实现react动画功能示例
May 18 Javascript
JavaScript十大取整方法实例教程
Dec 03 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 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二维/三维数组转字符串
2013/09/13 PHP
php使用多个进程同时控制文件读写示例
2014/02/28 PHP
php实现上传图片保存到数据库的方法
2015/02/11 PHP
PHP register_shutdown_function()函数的使用示例
2015/06/23 PHP
PHP实现添加购物车功能
2017/03/06 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
JS面向对象编程 for Cookie
2010/09/19 Javascript
JavaScript中九种常用排序算法
2014/09/02 Javascript
jquery事件preventDefault()方法用法实例
2015/01/16 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
javascript实现的网站访问量统计代码
2015/12/20 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
2016/05/10 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
2016/05/10 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
2016/09/05 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
Bootstrap模态框(Modal)实现过渡效果
2017/03/17 Javascript
基于vue2.0实现简单轮播图
2017/11/27 Javascript
JavaScript简单实现的仿微博留言功能示例
2019/01/17 Javascript
vue自定义js图片碎片轮播图切换效果的实现代码
2019/04/28 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
JavaScript实现点击图片换背景
2020/11/20 Javascript
Python3通过Luhn算法快速验证信用卡卡号的方法
2015/05/14 Python
Python实现string字符串连接的方法总结【8种方式】
2018/07/06 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
Win10下Python3.7.3安装教程图解
2019/07/08 Python
torch 中各种图像格式转换的实现方法
2019/12/26 Python
利用PyQt中的QThread类实现多线程
2020/02/18 Python
pycharm如何使用anaconda中的各种包(操作步骤)
2020/07/31 Python
初中学生评语大全
2014/04/24 职场文书
财务工作失职检讨书
2014/11/21 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
大学运动会加油稿
2015/07/22 职场文书
煤矿隐患排查制度
2015/08/05 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
python基础之文件处理知识总结
2021/05/23 Python