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 操作Word和Excel的实现代码
Oct 26 Javascript
jquery常用技巧及常用方法列表集合
Apr 06 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
Sep 04 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
JavaScript中的Number数字类型学习笔记
May 26 Javascript
JQuery 获取Dom元素的实例讲解
Jul 08 jQuery
使用socket.io实现简单聊天室案例
Jan 02 Javascript
npm 下载指定版本的组件方法
May 17 Javascript
vue组件jsx语法的具体使用
May 21 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 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
第二节 对象模型 [2]
2006/10/09 PHP
PHP脚本数据库功能详解(下)
2006/10/09 PHP
php-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
ThinkPHP中处理表单中的注意事项
2014/11/22 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
基于jQuery的前端数据通用验证库
2011/08/08 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
2014/01/23 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
2014/09/02 Javascript
前端面试知识点锦集(JavaScript篇)
2016/12/28 Javascript
NodeJs的fs读写删除移动监听
2017/04/28 NodeJs
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
d3.js实现自定义多y轴折线图的示例代码
2018/05/30 Javascript
详解react阻止无效重渲染的多种方式
2018/12/11 Javascript
React中this丢失的四种解决方法
2019/03/12 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
Node 代理访问的实现
2019/09/19 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
python3.4+pycharm 环境安装及使用方法
2019/06/13 Python
解决win7操作系统Python3.7.1安装后启动提示缺少.dll文件问题
2019/07/15 Python
Bugatchi官方网站:男士服装在线
2019/04/10 全球购物
学习党章思想汇报
2014/01/07 职场文书
揭牌仪式主持词
2014/03/19 职场文书
文明生主要事迹
2014/05/25 职场文书
开学典礼策划方案
2014/05/28 职场文书
房地产端午节活动方案
2014/08/24 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
实习推荐信格式模板
2015/03/27 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python
深入解析NumPy中的Broadcasting广播机制
2021/05/30 Python
Python实现科学占卜 让视频自动打码
2022/04/09 Python