javascript时间差插件分享
javascript时间差插件分享，供大家参考，具体内容如下
Html如下:
<html>
<head>
<title></title>
<script src="js/TimeDifference.js" type="text/javascript"></script>
<script src="js/jquery-1.10.2-min.js" type="text/javascript"></script>
</head>
<body>
<h2>该插件发布时间：<small id="allDemo"></small> </h2>
<script type="text/javascript">
$("#allDemo").text(timeDifference("2016-06-05 10:11:00"));
</script>
<font color="red" id="demo1Font">2016-06-03 10:20:23 </font><br>
距离目前时间差：
<strong><font color="red"><span id="timeDifferenceDemo1"></span></font></strong><br>
<font color="red" id="demo2Font">2016-06-07 10:02:23 </font><br>
距离目前时间差：
<strong><font color="red"><span id="timeDifferenceDemo2"></span></font></strong>
</body>
<script type="text/javascript">
$(document).ready(function(){
//2016-5-3 10:20:23
var demo1Result=timeDifference($("#demo1Font").text());
$("#timeDifferenceDemo1").text(demo1Result);
$("#timeDifferenceDemo2").text(timeDifference($("#demo2Font").text()));
});
</script>
</html>
TimeDifference.js代码如下:
/**
* 函数使用说明：
* 1、直接调用函数 TimeDifference()
* 返回说明： 返回距离当前的时间差
* */
function timeDifference(tmpTime) {
var mm=1000;//1000毫秒 代表1秒
var minute = mm * 60;
var hour = minute * 60;
var day = hour * 24;
var month = day * 30;
var ansTimeDifference=0;//记录时间差
var tmpTimeStamp = tmpTime ? Date.parse(tmpTime.replace(/-/gi, "/")) : new Date().getTime();//将 yyyy-mm-dd H:m:s 进行正则匹配
var nowTime = new Date().getTime();//获取当前时间戳
var tmpTimeDifference = nowTime - tmpTimeStamp;//计算当前与需要计算的时间的时间戳的差值
if (tmpTimeDifference < 0) { //时间超出，不能计算
alert("开始日期大于结束日期，计算失败！");
return 0;
}
/**
* 通过最开始强调的各个时间段用毫秒表示的数值，进行时间上的取整，为0的话，则没有到达
* */
var DifferebceMonth = tmpTimeDifference / month; //进行月份取整
var DifferebceWeek = tmpTimeDifference / (7 * day);//进行周取整
var DifferebceDay = tmpTimeDifference / day;//进行天取整
var DifferebceHour = tmpTimeDifference / hour;//进行小时取整
var DifferebceMinute = tmpTimeDifference / minute;//进行分钟取整
if (DifferebceMonth >= 1) {
return tmpTime; //大于一个月 直接返回时间
} else if (DifferebceWeek >= 1) {
ansTimeDifference= parseInt(DifferebceWeek) + "个星期前";
} else if (DifferebceDay >= 1) {
ansTimeDifference = parseInt(DifferebceDay) + "天前";
} else if (DifferebceHour >= 1) {
ansTimeDifference = parseInt(DifferebceHour) + "个小时前";
} else if (DifferebceMinute >= 1) {
ansTimeDifference = parseInt(DifferebceMinute) + "分钟前";
} else {
ansTimeDifference = "刚刚";
}
return ansTimeDifference;
}
结果如图:
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
相关推荐
-
Javascript计算时间差的函数分享
复制代码 代码如下: /* * 获得时间差,时间格式为 年-月-日 小时:分钟:秒 或者 年/月/日 小时:分钟:秒 * 其中,年月日为全格式,例如 : 2010-10-12 01:00:00 * 返回精度为:秒,分,小时,天 */ function GetDateDiff(startTime, endTime, diffType) { //将xxxx-xx-xx的时间格式,转换为 xxxx/xx/xx的格式 startTime = startTime.replace(/\-/g, "/&quo
-
Oracle计算时间差为毫秒的实现代码
Oracle 中我们知道用 TO_DATE 函数可以进行秒.分.时.天.月.年.周等时间差的计算,但是毫秒却不好计算,TO_DATE 函数只能精确到秒,毫秒则只能用 TO_TIMESTAMP 函数,但是这个函数不像 TO_DATE 这样直接减出来的差值就是 NUMBER 类型,如果用 TO_NUMBER 函数转换也会报错. 这里我是用分隔字符串单独计算毫秒部分,如果有更好的办法,请大家分享一下,下面是查询时间差为毫秒的模板(字段1 – 字段2): SELECT ( ( (TO_TIMESTAMP
-
oralce 计算时间差的实现
oralce 计算时间差的实现 查询系统时间和给定时间相差的毫秒数 select ceil((sysdate - To_date('2017-03-23 00:00:00' , 'yyyy-mm-dd hh24-mi-ss')) * 24 * 60 * 60 * 1000) 相差豪秒数 FROM DUAL; 将account表中第一条数据的dcur_state_start_date(timestamp类型)字段值的相差豪秒数算出来 select ceil((sysdate -TO_DATE( T
-
自己写的Javascript计算时间差函数
自己写了一下,适用而已,不太好,应该还能优化.先自己记录一下.不说废话了,直接贴代码最好: 复制代码 代码如下: /* * 获得时间差,时间格式为 年-月-日 小时:分钟:秒 或者 年/月/日 小时:分钟:秒 * 其中,年月日为全格式,例如 : 2010-10-12 01:00:00 * 返回精度为:秒,分,小时,天 */ function GetDateDiff(startTime, endTime, diffType){ //将xxxx-xx-xx的时间格式,转换为 xxxx/xx/x
-
C# 计算传入的时间距离今天的时间差
废话不多说了,直接给大家贴代码了,具体代码如下所示: /// <summary> /// 计算传入的时间距离今天的时间差 /// </summary> /// <param name="dt"></param> /// <param name="yy"></param> /// <param name="mm"></param> /// <par
-
分享javascript计算时间差的示例代码
在实际应用中,需要计算两个时间点之间的差距,一般来说都是计算当前时间和一个指定时间点之间的差距,并且有时候需要精确到天.小时.分钟和秒,下面就简单介绍一下如何实现此效果. 效果图: 距离新年: 代码如下: <html> <head> <title>javascript计算时间差</title> <style type="text/css"> #thenceThen { font-size:2em; } </style&g
-
javascript时间差插件分享
javascript时间差插件分享,供大家参考,具体内容如下 Html如下: <html> <head> <title></title> <script src="js/TimeDifference.js" type="text/javascript"></script> <script src="js/jquery-1.10.2-min.js" type="
-
一个简单的JavaScript Map实例(分享)
用js写了一个Map,带遍历功能,请大家点评下啦. //map.js Array.prototype.remove = function(s) { for (var i = 0; i < this.length; i++) { if (s == this[i]) this.splice(i, 1); } } /** * Simple Map * * * var m = new Map(); * m.put('key','value'); * ... * var s = ""; *
-
通过Java压缩JavaScript代码实例分享
通过移除空行和注释来压缩 JavaScript 代码 /** * This file is part of the Echo Web Application Framework (hereinafter \"Echo\"). * Copyright (C) 2002-2009 NextApp, Inc. * * Compresses a String containing JavaScript by removing comments and whitespace. */ public
-
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
每一个应用程序,其实都会有分享的需求,比如一键分享一篇文章或者一些活动到微博或者微信亦或者是twitter等社交平台,因为人类是社交动物,而社交分享能够满足马斯洛需求金字塔情感和归属的需求以及受尊重的需求.另外网页的社交分享功能不仅可以满足阅读者,同时,对于网络应用本身,也可以相应的增加该网站的外部链接,比如微博豆瓣等线上粘性用户非常多的社交平台,如果是twitter或者facebook则可以带来一部分来自于国外的流量,对于网络平台来说,这样做即可以分发流量又可以引流导流,一箭双雕,一举而多得.
-
Javascript动画插件lottie-web的使用方法
lottie可以将一个json数据渲染成一个动画,而且支持多平台,在不同的平台下使用同一个json文件即可实现相同的效果,非常的方便.这里介绍前端的使用方法.https://github.com/airbnb/lottie-web 1.配合vue-cli使用 1.npm安装lottie-web npm install lottie-web 2.创建loading.vue2.1引入lottie插件和需要的json数据2.2接收父组件传入的配置参数2.3在页面渲染完毕后进行初始化 <template
-
JavaScript图表插件highcharts详解
目录 一.Highcharts svg特点: 二.1 分钟上手 Highcharts 1.调用远程数据 2.使用JQuery结合HIghcharts实现从后台获取JSON实时刷新图表 3.活动图(Live Charts) 三.Highcharts 基本组成 四.配置选项 1.参数配置(属性+事件) 2.Chart:图表区选项 3.Color:颜色选项 4.Title:标题选项,Subtitle:副标题选项 5.xAxis:X轴选项,yAxis:Y轴选项 6.Series:数据列选项 7.plot
-
JavaScript ESLint插件保姆级使用教程
目录 一文带你了解 ESLint 安装 配置 React 插件 Airbnb 的配置 一文带你了解 ESLint 在平时开发中,我们总是希望尽可能写出最佳代码,但有时总会出错,然后需要花数小时定位 bug,最后发现只是拼写错误,这很令人沮丧.好在一些工具可以帮助我们在输入过程中检查代码的正确性.这些工具无法表明代码能否实现预期效果,但可以帮助我们避免语法错误. 如果之前使用过 C#这种静态语言,那么你应该很熟悉 IDE 给出的这种警告信息. Douglas Crockford 开发的 JSLin
-
分享一则JavaScript滚动条插件源码
这是过年的时候自己写的js滚动条插件的源码,做出的效果自己并不满意,正因为做的并不满意所以回头重新巩固和深入学习js,这个插件有如下几个不太满意的地方: 内容的过度效果,可以参阅QQ客户端最近会话列表里的滚动条,它的滚动非常的平滑,简单的说就是缺少动画过渡效果. 并不算完美的兼容性,在IE6.7下的style仍然有点缺憾. 样式的不完美,例如鼠标悬浮才显示滚动条,移除后隐藏这种效果都没有写. 内部结构的混乱,需要调整内容结构. 滚动条那个图片毕竟不是美工,自己切图切的真是恶心到爆了...囧 总体
-
JavaScript实现的双向跨域插件分享
由于浏览器(同源策略)限制,JavaScript 跨域的问题,一直是一个颇为棘手的问题.HTML5 提供了跨文档消息传输的功能,在网页文档之间互相接收与发送信息.使用这个功能,不仅同源(域 + 端口号)的 Web 网页之间可以互相通信,还可以在两个不同域名之间实现跨域通信. 跨文档消息传输Cross Document Messaging提供了postMessage方法在不同网页文档之间互相传递数据,支持实时消息传递.现在很多浏览器都将支持这个功能,比如Google Chrome 2.0+.Int
-
30个最佳jQuery Lightbox效果插件分享
Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件,有基于 jQuery 的,有基于 Prototype 的,也有使用原生 JavaScript 写的.今天,本文要与大家分享的是30个最佳 jQuery Lightbox 效果插件. 1.jQuery LightBox 在线示例 2.Lightbox2 在线示例 3.FancyBox 在线示例 4.LightWindow v2.0 在线示例 5.Colorbox Lightbox Plugin 在线示例 6.FaceBox 在线示