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实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
jquery cookie的用法总结
Nov 18 Javascript
JavaScript中实现sprintf、printf函数
Jan 27 Javascript
jquery实现增加删除行的方法
Feb 03 Javascript
浅谈JS中String()与 .toString()的区别
Oct 20 Javascript
angular实现图片懒加载实例代码
Jun 08 Javascript
详解使用nvm安装node.js
Jul 18 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
Aug 16 Javascript
微信小程序实现下拉菜单切换效果
Mar 30 Javascript
详解JavaScript 异步编程
Jul 13 Javascript
JS如何实现在弹出窗口中加载页面
Dec 03 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中imagick函数的中文解释
2015/01/21 PHP
Laravel 5框架学习之向视图传送数据(进阶篇)
2015/04/08 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
javascript 获取iframe里页面中元素值的方法
2014/02/17 Javascript
jQuery中before()方法用法实例
2014/12/25 Javascript
JS显示下拉列表框内全部元素的方法
2015/03/31 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
使用jQuery调用XML实现无刷新即时聊天
2016/08/07 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
使用ES6语法重构React代码详解
2017/05/09 Javascript
Vue.js学习笔记之修饰符详解
2017/07/25 Javascript
详解plotly.js 绘图库入门使用教程
2018/02/23 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
Python基于matplotlib实现绘制三维图形功能示例
2018/01/18 Python
Python中 传递值 和 传递引用 的区别解析
2018/02/22 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
使用 Python 玩转 GitHub 的贡献板(推荐)
2019/04/04 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
python opencv pytesseract 验证码识别的实现
2020/08/28 Python
美国时尚女装在线:Missguided
2016/12/03 全球购物
世博会口号
2014/06/20 职场文书
市贸粮局召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
小学优秀教师事迹材料
2014/12/16 职场文书
幼儿园大班教师个人总结
2015/02/05 职场文书
2015年测量员工作总结
2015/05/23 职场文书
老舍《猫》教学反思
2016/02/17 职场文书
python删除csv文件的行列
2021/04/06 Python
深入理解Vue的数据响应式
2021/05/15 Vue.js
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏