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 相关文章推荐
js直接编辑当前cookie的脚本
Sep 14 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
Mar 02 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
JavaScript操作cookie类实例
Mar 31 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
Jan 09 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
详解如何修改 node_modules 里的文件
May 22 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 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
mysql数据库差异比较的PHP代码
2012/02/05 PHP
PHP准确取得服务器IP地址的方法
2015/06/02 PHP
PHP数据库连接mysql与mysqli对比分析
2016/01/04 PHP
Javascript - HTML的request类
2007/01/09 Javascript
才发现的超链接js导致网页中GIF动画停止的解决方法
2007/11/02 Javascript
通过判断JavaScript的版本实现执行不同的代码
2010/05/11 Javascript
jquery一句话全选/取消全选
2011/03/01 Javascript
基于jquery自己写tab滑动门(通用版)
2012/10/30 Javascript
js操作iframe父子窗体示例
2014/05/22 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
2016/04/27 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
[js高手之路]原型式继承与寄生式继承详解
2017/08/28 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
vue父组件异步获取数据传给子组件的方法
2018/07/26 Javascript
vue绑定事件后获取绑定事件中的this方法
2018/09/15 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
python解析html开发库pyquery使用方法
2014/02/07 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
python3 pygame实现接小球游戏
2019/05/14 Python
python numpy实现文件存取的示例代码
2019/05/26 Python
python 下 CMake 安装配置 OPENCV 4.1.1的方法
2019/09/30 Python
python生成特定分布数的实例
2019/12/05 Python
Python tkinter常用操作代码实例
2020/01/03 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
班主任个人工作反思
2014/04/28 职场文书
旷工检讨书1000字
2015/01/01 职场文书
毕业实习计划书
2015/01/16 职场文书
2015年教学工作总结
2015/04/02 职场文书
民事辩护词范文
2015/05/21 职场文书
党小组考察意见
2015/06/02 职场文书
小时代观后感
2015/06/10 职场文书
python代码实现备忘录案例讲解
2021/07/26 Python