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 Accessor实现说明
Dec 06 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
Dec 05 Javascript
JQuery给网页更换皮肤的方法
May 30 Javascript
javascript实现密码验证
Nov 10 Javascript
Bootstrap页面布局基础知识全面解析
Jun 13 Javascript
js实现图片加载淡入淡出效果
Apr 07 Javascript
node.js操作MongoDB的实例详解
Oct 11 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
May 10 Javascript
微信小程序基于高德地图查找位置并显示文字
Oct 30 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
Feb 14 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
如何手写简易的 Vue Router
Oct 10 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中调用JAVA
2006/10/09 PHP
汉字转化为拼音(php版)
2006/10/09 PHP
10条PHP编程习惯助你找工作
2008/09/29 PHP
php下关于Cannot use a scalar value as an array的解决办法
2010/08/08 PHP
PHP中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
php中strstr、strrchr、substr、stristr四个函数的区别总结
2014/09/22 PHP
深入浅析PHP无限极分类的案例教程
2016/05/09 PHP
浅谈thinkphp的nginx配置,以及重写隐藏index.php入口文件方法
2019/10/12 PHP
javascript验证身份证完全方法具体实现
2013/11/18 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
原生js实现下拉框功能(支持键盘事件)
2017/01/13 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
使用vuex缓存数据并优化自己的vuex-cache
2018/05/30 Javascript
React+Redux实现简单的待办事项列表ToDoList
2019/09/29 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
Python基于twisted实现简单的web服务器
2014/09/29 Python
Python中字典和JSON互转操作实例
2015/01/19 Python
深入理解python中的浅拷贝和深拷贝
2016/05/30 Python
Python网络编程 Python套接字编程
2017/09/13 Python
Tensorflow卷积神经网络实例进阶
2018/05/24 Python
python实现雨滴下落到地面效果
2018/06/21 Python
Python基于requests库爬取网站信息
2020/03/02 Python
Pycharm最常用的快捷键及使用技巧
2020/03/05 Python
Python小白学习爬虫常用请求报头
2020/06/03 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
跨域修改iframe页面内容详解
2019/10/31 HTML / CSS
Java软件工程师综合面试题笔试题
2013/09/08 面试题
信息技术培训感言
2014/03/06 职场文书
宾馆前台接待岗位职责
2015/04/02 职场文书
初中毕业生感言
2015/07/31 职场文书
《学会看病》教学反思
2016/02/17 职场文书
php+laravel 扫码二维码签到功能
2021/05/15 PHP