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 相关文章推荐
腾讯的ip接口 方便获取当前用户的ip地理位置
Nov 25 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
Jul 07 Javascript
ExpressJS入门实例
Jan 14 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
AngularJS封装指令方法详解
Dec 12 Javascript
微信小程序与php 实现微信支付的简单实例
Jun 23 Javascript
vue集成kindeditor富文本的实现示例代码
Jun 07 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
Aug 12 Javascript
关于JS中的作用域中的问题思考分享
Apr 06 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/12/27 PHP
深入解读php中关于抽象(abstract)类和抽象方法的问题分析
2014/01/03 PHP
linux下为php添加iconv模块的方法
2016/02/28 PHP
Fleaphp常见函数功能与用法示例
2016/11/15 PHP
在laravel中使用Symfony的Crawler组件分析HTML
2017/06/19 PHP
JavaScript入门之事件、cookie、定时等
2011/10/21 Javascript
nodejs的require模块(文件模块/核心模块)及路径介绍
2013/01/14 NodeJs
jQuery下实现等待指定元素加载完毕(可改成纯js版)
2013/07/11 Javascript
JS执行删除前的判断代码
2014/02/18 Javascript
href下载文件根据id取url并下载
2014/05/28 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
jQuery命名空间与闭包用法示例
2017/01/12 Javascript
JavaScript输出所选择起始与结束日期的方法
2017/07/12 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
jQuery实现电梯导航模块
2020/12/22 jQuery
Python断言assert的用法代码解析
2018/02/03 Python
基于python 爬虫爬到含空格的url的处理方法
2018/05/11 Python
python3连接MySQL数据库实例详解
2018/05/24 Python
tensorflow 获取模型所有参数总和数量的方法
2018/06/14 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
Python Flask异步发送邮件实现方法解析
2020/08/01 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
汽车维修专业毕业生的求职信分享
2013/12/04 职场文书
餐饮业的创业计划书范文
2013/12/26 职场文书
特教教师先进事迹
2014/05/21 职场文书
新员工入职感想
2015/08/07 职场文书
施工安全责任协议书
2016/03/23 职场文书
创业计划书之婴幼儿游泳馆
2019/09/11 职场文书
使用Redis实现实时排行榜功能
2021/07/02 Redis
python实现会员管理系统
2022/03/18 Python