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 相关文章推荐
php读取sqlite数据库入门实例代码
Jun 25 Javascript
JS中三目运算符和if else的区别分析与示例
Nov 21 Javascript
jquery实现的简单二级菜单效果代码
Sep 22 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
ES6的新特性概览
Mar 10 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
Jun 05 Javascript
ES6所改良的javascript“缺陷”问题
Aug 23 Javascript
jQuery实现页面点击后退弹出提示框的方法
Aug 24 Javascript
微信小程序 网络API发起请求详解
Nov 09 Javascript
js学习心得_一个简单的动画库封装tween.js
Jul 14 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
Feb 16 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 XPath对XML文件查找及修改实现代码
2011/07/27 PHP
php MessagePack介绍
2013/10/06 PHP
理解PHP中的stdClass类
2014/04/18 PHP
html静态页面调用php文件的方法
2014/11/13 PHP
PHP 读取大文件并显示的简单实例(推荐)
2016/08/12 PHP
Thinkphp 框架扩展之Widget扩展实现方法分析
2020/04/23 PHP
PHP7 弃用功能
2021/03/09 PHP
jquery写个checkbox——类似邮箱全选功能
2013/03/19 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
jQuery基于Ajax方式提交表单功能示例
2017/02/10 Javascript
巧用weui.topTips验证数据的实例
2017/04/17 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
2017/10/26 Javascript
JavaScript实现三级级联特效
2017/11/05 Javascript
简单学习5种处理Vue.js异常的方法
2019/06/17 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python实现博客文章爬虫示例
2014/02/26 Python
python导入模块交叉引用的方法
2019/01/19 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
Django实现发送邮件找回密码功能
2019/08/12 Python
Python使用qrcode二维码库生成二维码方法详解
2020/02/17 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
CSS3实现银灰色动画效果的导航菜单代码
2015/09/01 HTML / CSS
波兰香水和化妆品购物网站:Notino.pl
2017/11/07 全球购物
init进程的作用
2015/08/20 面试题
中专生求职自荐信范文
2013/12/22 职场文书
和平主题的演讲稿
2014/01/12 职场文书
小学红领巾中秋节广播稿
2014/01/13 职场文书
初中毕业生自我评价
2015/03/02 职场文书
物业客服专员岗位职责
2015/04/07 职场文书
2015年乡镇民政工作总结
2015/05/13 职场文书
2015年秋季运动会广播稿
2015/08/19 职场文书
2016年幼儿园教研活动总结
2016/04/05 职场文书
yolov5返回坐标的方法实例
2022/03/17 Python
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers