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 相关文章推荐
提高网站信任度的技巧
Oct 17 Javascript
有趣的javascript数组定义方法
Sep 10 Javascript
JQuery伸缩导航练习示例
Nov 13 Javascript
js类式继承的具体实现方法
Dec 31 Javascript
PHP中CURL的几个经典应用实例
Jan 23 Javascript
CSS3实现动态背景登录框的代码
Jul 28 Javascript
js+ajax实现获取文件大小的方法
Dec 08 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
初识angular框架后的所思所想
Feb 19 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 Javascript
微信小程序 wxParse插件显示视频问题
Sep 27 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
Jul 31 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语法(1)
2006/10/09 PHP
php session 错误
2009/05/21 PHP
php通过文件头检测文件类型通用代码类(zip,rar等)
2010/10/19 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
PHP上传文件参考配置大文件上传
2015/12/16 PHP
thinkphp中AJAX返回ajaxReturn()方法分析
2016/12/06 PHP
thinkPHP5.0框架引入Traits功能实例分析
2017/03/18 PHP
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
2013/08/08 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
2013/11/25 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
webpack常用配置项配置文件介绍
2016/11/07 Javascript
将鼠标焦点定位到文本框最后(代码分享)
2017/01/11 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
全站最详细的Vuex教程
2018/04/13 Javascript
js动态设置select下拉菜单的默认选中项实例
2018/08/21 Javascript
通过python下载FTP上的文件夹的实现代码
2013/02/10 Python
Python 命令行非阻塞输入的小例子
2013/09/27 Python
详解Python中的变量及其命名和打印
2016/03/11 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
澳大利亚购买太阳镜和眼镜网站:Glamoureyes
2020/09/22 全球购物
创业计划书中包含的9个方面
2013/12/26 职场文书
供应链金融服务方案
2014/05/25 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
2014年宣传工作总结
2014/11/18 职场文书
2015年教研工作总结
2015/05/23 职场文书
如何做好工作总结!
2019/04/10 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书
使用nginx配置访问wgcloud的方法
2021/06/26 Servers
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript