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 相关文章推荐
javascript之解决IE下不渲染的bug
Jun 29 Javascript
为jQuery增加join方法的实现代码
Nov 28 Javascript
基于jquery的代码显示区域自动拉长效果
Dec 07 Javascript
JSON与XML优缺点对比分析
Jul 17 Javascript
浅析JavaScript中命名空间namespace模式
Jun 22 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
Jun 30 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
微信小程序自定义select下拉选项框组件的实现代码
Aug 28 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 Javascript
ant design 日期格式化的实现
Oct 27 Javascript
vue中的计算属性和侦听属性
Nov 06 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
如何用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 5.0对象模型深度探索之对象复制
2008/03/27 PHP
PHP6 mysql连接方式说明
2009/02/09 PHP
理解php原理的opcodes(操作码)
2010/10/26 PHP
PHP数据过滤的方法
2013/10/30 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
Yii框架上传图片用法总结
2016/03/28 PHP
php使用文本统计访问量的方法
2016/05/12 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
js获取height和width的方法说明
2013/01/06 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
微信小程序 setData的使用方法详解
2017/04/20 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
vue-cli脚手架引入图片的几种方法总结
2018/03/13 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
2020/02/10 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
如何理解Python中的变量
2020/06/01 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
HTML5新特性之type=file文件上传功能
2018/02/02 HTML / CSS
英国和爱尔兰最大的地毯零售商:Kukoon
2018/12/17 全球购物
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
企业法人授权委托书
2014/09/25 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
信息合作协议书
2014/10/09 职场文书
教学副校长工作总结
2015/08/13 职场文书
Pytest之测试命名规则的使用
2021/04/16 Python
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python