javascript时间差插件分享


Posted in Javascript onJuly 18, 2016

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时间差插件分享

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 Javascript
分享几种比较简单实用的JavaScript tabel切换
Dec 31 Javascript
JS中事件冒泡和事件捕获介绍
Dec 13 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
Jan 08 Javascript
AngularJS之自定义服务详解(factory、service、provider)
Apr 14 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
javascript计算对象长度的方法
Oct 25 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
webpack打包react项目的实现方法
Jun 21 Javascript
@angular前端项目代码优化之构建Api Tree的方法
Dec 24 Javascript
SpringBoot在yml配置文件中配置druid的操作
Nov 16 Javascript
JavaScript实现4位随机验证码的生成
Jan 28 Javascript
如何用js实现鼠标向上滚动时浮动导航
Jul 18 #Javascript
终于实现了!精彩的jquery弹幕效果
Jul 18 #Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
Jul 18 #Javascript
全面介绍javascript实用技巧及单竖杠
Jul 18 #Javascript
Bootstrap 布局组件(全)
Jul 18 #Javascript
js验证真实姓名与身份证号,手机号的简单实例
Jul 18 #Javascript
Bootstrap零基础入门教程(三)
Jul 18 #Javascript
You might like
利用php+mysql来做一个功能强大的在线计算器
2010/10/12 PHP
奉献出一个封装的curl函数 便于调用(抓数据专用)
2013/07/22 PHP
PHP错误Cannot use object of type stdClass as array in错误的解决办法
2014/06/12 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
smarty自定义函数用法示例
2016/05/20 PHP
php在linux环境中如何使用redis详解
2020/12/15 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
2011/07/13 Javascript
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
javascript记录文本框内文字个数检测文字个数变化
2014/10/14 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
2015/06/09 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
2015/12/08 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
前端JS面试中常见的算法问题总结
2016/12/23 Javascript
详解Vue 开发模式下跨域问题
2017/06/06 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
2020/08/06 Javascript
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
Python 类的特殊成员解析
2018/06/20 Python
Python替换月份为英文缩写的实现方法
2019/07/15 Python
python将字典列表导出为Excel文件的方法
2019/09/02 Python
python实现复制文件到指定目录
2019/10/16 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
Python容器类型公共方法总结
2020/08/19 Python
Hotels.com越南:酒店预订
2019/10/29 全球购物
存储过程的优点有哪些
2012/09/27 面试题
会计核算科岗位职责
2014/03/19 职场文书
大学生操行评语大全
2014/12/31 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
表扬信范文
2019/04/22 职场文书
MySQL实现配置主从复制项目实践
2022/03/31 MySQL
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript
Windows server 2003卸载和安装IIS的图文教程
2022/07/15 Servers