javascript时间差插件

Html如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><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:23var 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时间差插件相关推荐

封装javascript分页插件——可以使用的测试版（β版）
上一篇测试版的代码我们发现了很多问题,在这一版本中我们将解决.上一版的连接地址:封装javascript分页插件--测试版最主要的就是修改核心方法: function initTag() {page ...
javascript日历插件
javascript日历插件原文:javascript日历插件 javascript日历插件最近在尝试着写javascript日历插件,所以也到github上看国外人日历源码,或者国内人写的好点的 ...
推荐一个JavaScript触发器插件，可通过指定频次、指定时间内触发指定的处理函数...
推荐一个JavaScript触发器插件js-trigger js-trigger是一个JavaScript触发器插件,可通过指定频次.指定时间内触发指定的处理函数 https://tanwei-cc. ...
RPGMAKER游戏引擎基于JavaScript的插件制作（六）——重写方法（三）：在场景（scenes）中创建精灵（Sprite）——复制式重写的实例教学
因为要开新坑了,准备连续更新把这个插件制作的坑填完,之后更新的是"可交互精灵--事件绑定教学","窗口(windows)教学","自动战斗AI实现-- ...
JavaScript放大镜插件magnifier实现图像放大效果
原文:JavaScript放大镜插件magnifier实现图像放大效果源代码下载地址http://www.zuidaima.com/share/1801078585658368.htm magnif ...
html类似ppt的效果,类似PPT演示稿效果的JavaScript幻灯片插件
bespoke-fx是一款类似PPT演示稿效果的JavaScript幻灯片插件.该幻灯片可以使用键盘的左右方向键来前后切换,它内置了23种CSS3动画过渡效果,非常实用. 安装可以通过 npm 或 ...
javascript功能插件大集合，写前端的亲们记得收藏
导读:GitHub 上有一个 Awesome – XXX 系列的资源整理.awesome-javascript 是 sorrycc 发起维护的 JS 资源列表,内容包括:包管理器.加载器.测试框架.运 ...
javascript扩展插件alook_使用 Kotlin 编写你的第一个 Firefox WebExtension 扩展
Kotlin 是我最喜爱的编程语言.我们已经知道 Kotlin 编译成 Java 字节码可以快速被安卓和服务端采用.事实上,Kotlin 还支持编译成 JavaScript,因此该语言也开始在 Web ...
JavaScript 封装插件学习笔记（一）
此篇只是笔记,在借鉴.参考.模仿的过程,可能不完整,请多指教! 定义插件名称要注意命名冲突,防止全局污染. 1.第一种Javascript对象命名:(Javascript语言是"先解析,后运 ...

javascript时间差插件

javascript时间差插件相关推荐

最新文章

热门文章