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 相关文章推荐
jquery根据name属性查找的小例子
Nov 21 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
Jan 24 Javascript
js的toUpperCase方法用法实例
Jan 27 Javascript
jquery ajax双击div可直接修改div中的内容
Mar 04 Javascript
AngularJS Phonecat实例讲解
Nov 21 Javascript
原生JS实现圆环拖拽效果
Apr 07 Javascript
ECMAscript 变量作用域总结概括
Aug 18 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
js实现视图和数据双向绑定的方法分析
Feb 05 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 Javascript
vue计算属性+vue中class与style绑定(推荐)
Mar 30 Javascript
微信小程序实现音乐播放页面布局
Dec 11 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中fgetcsv()函数用法实例
2014/11/28 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
JSON PHP中,Json字符串反序列化成对象/数组的方法
2018/05/31 PHP
PHP程序员简单的开展服务治理架构操作详解(二)
2020/05/14 PHP
js 解决“options为空或不是对象”
2008/12/22 Javascript
javascript 模拟点击广告
2010/01/02 Javascript
php gethostbyname获取域名ip地址函数详解
2010/01/24 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
node.js中的fs.rmdirSync方法使用说明
2014/12/16 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
jquery移动端TAB触屏切换实现效果
2020/12/22 Javascript
Angularjs全局变量被作用域监听的正确姿势
2016/02/06 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
JS动态添加选项案例分析
2016/10/17 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
微信小程序自定义组件
2017/08/16 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
js和jquery判断数据类型的4种方法总结
2020/08/28 jQuery
python实现360皮肤按钮控件示例
2014/02/21 Python
python的re模块应用实例
2014/09/26 Python
Python实现爬取逐浪小说的方法
2015/07/07 Python
python中执行shell的两种方法总结
2017/01/10 Python
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
python判断链表是否有环的实例代码
2020/01/31 Python
如何在VSCode下使用Jupyter的教程详解
2020/07/13 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
MADE法国:提供原创设计师家具
2018/09/18 全球购物
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
经典c++面试题五
2014/12/17 面试题
劳资人员岗位职责
2013/12/19 职场文书
岗位职责怎么写
2014/03/14 职场文书
医师定期考核实施方案
2014/05/07 职场文书
公司合作意向书范文
2014/07/30 职场文书