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 相关文章推荐
Webkit的跨域安全问题说明
Sep 13 Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
Javascript中arguments对象详解
Oct 22 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
Dec 18 Javascript
jquery表单插件form使用方法详解
Jan 20 Javascript
react 实现页面代码分割、按需加载的方法
Apr 03 Javascript
vue 返回上一页,页面样式错乱的解决
Nov 14 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
Feb 11 Javascript
简单了解前端渐进式框架VUE
Jul 20 Javascript
vue使用canvas实现移动端手写签名
Sep 22 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迭代器的内部执行过程详解
2013/11/12 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
Yii框架参数配置文件params用法实例分析
2019/09/11 PHP
tp5框架基于Ajax实现列表无刷新排序功能示例
2020/02/10 PHP
23个超流行的jQuery相册插件整理分享
2011/04/25 Javascript
Javascript面向对象编程
2012/03/18 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
JS常用知识点整理
2017/01/21 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
2017/02/22 Javascript
第一次记录Bootstrap table学习笔记(1)
2017/05/18 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
在bootstrap中实现轮播图实例代码
2017/06/11 Javascript
vue+element-ui+ajax实现一个表格的实例
2018/03/09 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
2020/01/26 Javascript
前端 javascript 实现文件下载的示例
2020/11/24 Javascript
简单的Python抓taobao图片爬虫
2014/10/26 Python
python Selenium爬取内容并存储至MySQL数据库的实现代码
2017/03/16 Python
python表格存取的方法
2018/03/07 Python
Python实现快速傅里叶变换的方法(FFT)
2018/07/21 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
python3.7 openpyxl 删除指定一列或者一行的代码
2019/10/08 Python
Python字节单位转换实例
2019/12/05 Python
基于python调用psutil模块过程解析
2019/12/20 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
html5版canvas自由拼图实例
2014/10/15 HTML / CSS
亚洲颇具影响力的男性在线购物零售商:His
2019/11/24 全球购物
《草原的早晨》教学反思
2014/04/08 职场文书
买卖车协议书
2014/04/21 职场文书
普通党员对照检查材料
2014/09/24 职场文书
Python生成九宫格图片的示例代码
2021/04/14 Python
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript