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 相关文章推荐
类似CSDN图片切换效果脚本
Sep 17 Javascript
基于jquery的图片轮播 tab切换组件
Jul 19 Javascript
运算符&amp;&amp;的三个不同层次
Apr 07 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
Mar 17 Javascript
js判断是否是手机页面
Mar 17 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
JS实现全屏预览F11功能的示例代码
Jul 23 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根据日期显示所在星座的方法
2015/07/13 PHP
mac os快速切换多个PHP版本的方法
2017/03/07 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
JavaScript 学习历程和心得分享
2010/12/12 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
2014/01/07 Javascript
JavaScript运行时库属性一览表
2014/03/14 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
基于BootstrapValidator的Form表单验证(24)
2016/12/12 Javascript
原生js实现轮播图的示例代码
2017/02/20 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
Python简单实现Base64编码和解码的方法
2017/04/29 Python
python做量化投资系列之比特币初始配置
2018/01/23 Python
python 按照固定长度分割字符串的方法小结
2018/04/30 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
详解Python做一个名片管理系统
2019/03/14 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
Python常用编译器原理及特点解析
2020/03/23 Python
离线状态下在jupyter notebook中使用plotly实例
2020/04/24 Python
python开根号实例讲解
2020/08/30 Python
美国运动鞋和服装网上商店:YCMC
2018/09/15 全球购物
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
迟到检讨书900字
2014/01/14 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书
客服专员岗位职责
2015/02/10 职场文书
2016寒假假期总结
2015/10/10 职场文书
22句经典语录:送给优柔寡断和胡思乱想的朋友们
2019/12/13 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
mysql 如何获取两个集合的交集/差集/并集
2021/06/08 MySQL
Vue2.0搭建脚手架
2022/03/13 Vue.js
MySQL数据库之存储过程 procedure
2022/06/16 MySQL
python读取mat文件生成h5文件的实现
2022/07/15 Python