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翻页效果
Jul 23 Javascript
JQuery与iframe交互实现代码
Dec 24 Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
jquery控制select的text/value值为选中状态
Jun 03 Javascript
node.js中的buffer.write方法使用说明
Dec 10 Javascript
JavaScript时间操作之年月日星期级联操作
Jan 15 Javascript
jQuery解析返回的xml和json方法详解
Jan 05 Javascript
ES6中箭头函数的定义与调用方式详解
Jun 02 Javascript
ReactNative 之FlatList使用及踩坑封装总结
Nov 29 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 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 zlib扩展实现页面GZIP压缩输出
2010/06/17 PHP
PHP扩展CURL的用法详解
2014/06/20 PHP
yii操作session实例简介
2014/07/31 PHP
WordPress自定义时间显示格式
2015/03/27 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
2019/06/03 PHP
自己使用js/jquery写的一个定制对话框控件
2014/05/02 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
2016/06/14 Javascript
JS代码实现百度地图 画圆 删除标注
2016/10/12 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
详解react-native-fs插件的使用以及遇到的坑
2017/09/12 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
浅谈Node 异步IO和事件循环
2019/05/05 Javascript
node express使用HTML模板的方法示例
2019/08/22 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
python消费kafka数据批量插入到es的方法
2018/12/27 Python
Python 等分切分数据及规则命名的实例代码
2019/08/16 Python
python 弧度与角度互转实例
2020/04/15 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
美国社交购物市场:MassGenie
2019/02/18 全球购物
Spotahome意大利:公寓和房间出租
2020/02/21 全球购物
承诺书的格式范文
2014/03/28 职场文书
2014教师研修学习体会
2014/07/08 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
工商局领导班子存在的问题整改措施思想汇报
2014/10/05 职场文书
2014年教研工作总结
2014/12/06 职场文书
授权委托书
2015/01/28 职场文书
2016八一建军节慰问信
2015/11/30 职场文书
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL
Pycharm远程调试和MySQL数据库授权问题
2022/03/18 MySQL
Python实现数据的序列化操作详解
2022/07/07 Python