javascript时间差插件分享
更新时间：2016年07月18日 11:15:19 投稿：lijiao
这篇文章主要为大家分享了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;
}
结果如图:
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
今天小编就为大家分享一篇解决layer图标icon不加载的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JS截取与分割字符串常用技巧,以实例形式分析你了JavaScript针对字符串的截取与分割常用函数的定义、功能及使用技巧,并补充分析了substr和substring方法的区别,需要的朋友可以参考下2015-11-11
这篇文章主要为大家详细介绍了JS+Vue实现三级全选单选，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
ECharts折线图的Legend（图例）用于展示每条折线所对应的数据系列名称,下面这篇文章主要给大家介绍了关于echarts折线图legend太多与图重叠的处理办法,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-02-02
这篇文章主要介绍了ZZ需求小程序纯文本实现@功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
在我们日常工作的时候，利用javaScript判断一个字符串中是否包括有数字和"-"，在一些表单提交的地方，这是比较有用的常规判断，这里收集有几种不同的方法，最后还将简要介绍下isNAN函数的使用方法和例子，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-11-11
这篇文章主要介绍了纯javascript实现移动优先的幻灯片效果，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了JavaScript显示当前文档最后修改日期的方法,实例分析了javascript中document.lastModified的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
JavaScript在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因JavaScript的阻塞特性变的复杂，也就是说当浏览器在执行JavaScript代码时，不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行JavaScript代码，从而提高其在浏览器中的性能。2017-02-02
本文以京东搜索框为例给大家浅析search 搜索框的写法，本文介绍的非常不错，需要的朋友可以参考下2016-08-08
最新评论