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 相关文章推荐
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
javascript Array.prototype.slice的使用示例
Nov 14 Javascript
快速解决FusionCharts联动的中文乱码问题
Dec 04 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
jQuery中val()方法用法实例
Dec 25 Javascript
HTML5实现留言和回复页面样式
Jul 22 Javascript
javascript设计模式之module(模块)模式
Aug 19 Javascript
EditPlus 正则表达式 实战(3)
Dec 15 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
Feb 17 Javascript
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
微信小程序实现传递多个参数与事件处理
Aug 12 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禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
2011/05/02 Javascript
jquery 插件学习(五)
2012/08/06 Javascript
JS截取字符串常用方法整理及使用示例
2013/10/18 Javascript
关于jquery的多个选择器的使用示例
2013/10/18 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
JavaScript动态修改背景颜色的方法
2015/04/16 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/09/29 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
2016/12/07 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
jQuery实现给input绑定回车事件的方法
2017/02/09 Javascript
JavaScript数据类型的存储方法详解
2017/08/25 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
详解微信小程序input标签正则初体验
2018/08/18 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
2019/04/11 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
2019/04/25 Javascript
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
2020/08/14 Javascript
原生js实现下拉框选择组件
2021/01/20 Javascript
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
Python统计一个字符串中每个字符出现了多少次的方法【字符串转换为列表再统计】
2019/05/05 Python
python对常见数据类型的遍历解析
2019/08/27 Python
原生python实现knn分类算法
2019/10/24 Python
Python 使用 prettytable 库打印表格美化输出功能
2019/12/26 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
python+playwright微软自动化工具的使用
2021/02/02 Python
Opencv 图片的OCR识别的实战示例
2021/03/02 Python
旅行社各个岗位职责
2014/03/15 职场文书
安全教育月活动总结
2014/05/05 职场文书
推销搭讪开场白
2015/05/28 职场文书
某某店铺的开业庆典主持词范本
2019/11/25 职场文书
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js