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的Function详细
Nov 14 Javascript
XP折叠菜单&amp;仿QQ2006菜单
Dec 16 Javascript
原生js写的放大镜效果
Aug 22 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 Javascript
javascript实现的网站访问量统计代码
Dec 20 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
Aug 26 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
Oct 09 Javascript
jquery组件WebUploader文件上传用法详解
Oct 23 Javascript
Vue键盘事件用法总结
Apr 18 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
Jul 07 Javascript
Element Card 卡片的具体使用
Jul 26 Javascript
Vue.extend 登录注册模态框的实现
Dec 29 Vue.js
正则表达式语法
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
CI框架自动加载session出现报错的解决办法
2014/06/17 PHP
PHP多进程编程实例
2014/10/15 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
thinkPHP中钩子的两种配置调用方法详解
2016/11/11 PHP
PHP生成唯一ID之SnowFlake算法
2016/12/17 PHP
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
2013/11/25 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
2014/10/30 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
Bootstrap每天必学之标签与徽章
2015/11/27 Javascript
全面了解构造函数继承关键apply call
2016/07/26 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
关于vue.extend和vue.component的区别浅析
2017/08/16 Javascript
详解vue 单页应用(spa)前端路由实现原理
2018/04/04 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
2018/09/03 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
js实现移动端吸顶效果
2020/01/08 Javascript
Python中字符编码简介、方法及使用建议
2015/01/08 Python
Python实现竖排打印传单手机号码易撕条
2015/03/16 Python
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
python把数组中的数字每行打印3个并保存在文档中的方法
2018/07/17 Python
实时获取Python的print输出流方法
2019/01/07 Python
pyQT5 实现窗体之间传值的示例
2019/06/20 Python
python带参数打包exe及调用方式
2019/12/21 Python
pytorch 实现查看网络中的参数
2020/01/06 Python
Python利用matplotlib绘制散点图的新手教程
2020/11/05 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
HTML5 对各个标签的定义与规定:body的介绍
2012/06/21 HTML / CSS
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
研修第一天随笔感言
2014/02/15 职场文书
应届大学生自荐书
2014/06/17 职场文书
2015年团支部年度工作总结
2015/05/27 职场文书
深入浅析React中diff算法
2021/05/19 Javascript
MySQL一劳永逸永久支持输入中文的方法实例
2022/08/05 MySQL