`
starbhhc
  • 浏览: 654512 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享

 
阅读更多

一、javascript函数实现:

 

//JavaScript函数:

var minute = 1000 * 60;

var hour = minute * 60;

var day = hour * 24;

var halfamonth = day * 15;

var month = day * 30;

function getDateDiff(dateTimeStamp){

var now = new Date().getTime();

var diffValue = now - dateTimeStamp;

//var diffValue = now-getDateTimeStamp(dateTimeStamp);

if(diffValue < 0){

 //若日期不符则弹出窗口告之

 //alert("结束日期不能小于开始日期!");

 }

var monthC =diffValue/month;

var weekC =diffValue/(7*day);

var dayC =diffValue/day;

var hourC =diffValue/hour;

var minC =diffValue/minute;

if(monthC>=1){

 result="发表于" + parseInt(monthC) + "个月前";

 }

 else if(weekC>=1){

 result="发表于" + parseInt(weekC) + "周前";

 }

 else if(dayC>=1){

 result="发表于"+ parseInt(dayC) +"天前";

 }

 else if(hourC>=1){

 result="发表于"+ parseInt(hourC) +"个小时前";

 }

 else if(minC>=1){

 result="发表于"+ parseInt(minC) +"分钟前";

 }else

 result="刚刚发表";

return result;

}

 

 

若你得到的时间格式不是时间戳,可以使用下面的JavaScript函数把字符串转换为时间戳, 本函数的功能相当于JS版的strtotime:

 

//js函数代码:字符串转换为时间戳

function getDateTimeStamp(dateStr){

 return Date.parse(dateStr.replace(/-/gi,"/"));

 

}

 

代码2:

 

<script>       

function jsDateDiff(publishTime){       

    var d_minutes,d_hours,d_days;       

    var timeNow = parseInt(new Date().getTime()/1000);       

    var d;       

    d = timeNow - publishTime;       

    d_days = parseInt(d/86400);       

    d_hours = parseInt(d/3600);       

    d_minutes = parseInt(d/60);       

    if(d_days>0 && d_days<4){       

        return d_days+"天前";       

    }else if(d_days<=0 && d_hours>0){       

        return d_hours+"小时前";       

    }else if(d_hours<=0 && d_minutes>0){       

        return d_minutes+"分钟前";       

    }else{       

        var s = new Date(publishTime*1000);       

        // s.getFullYear()+"年";

        return (s.getMonth()+1)+"月"+s.getDate()+"日";       

    }       

}       

</script>

 

 

 

分享到:
评论

相关推荐

    jQuery点击选择小时分钟代码.zip

    而 `jiaoben5041.js` 很可能就是实际的jQuery时间选择器插件代码,包含了实现选择器功能的核心逻辑。 在使用这个插件时,开发者需要将`jiaoben5041.js`引入到HTML页面中,然后可以通过调用特定的jQuery方法来初始化...

    jquery实现隐藏和显示实例

    本实例将深入探讨如何使用jQuery来实现元素的隐藏与显示,这在网页动态效果和用户交互中非常常见。 首先,我们需要引入jQuery库。在HTML文档的`&lt;head&gt;`标签内,添加如下代码以链接到jQuery的CDN(内容分发网络): ...

    JavaScript+jQuery网页特效设计实例源码

    在这个"JavaScript+jQuery网页特效设计实例源码"的压缩包中,我们很可能会找到一系列实用的代码示例,帮助开发者理解和实现各种网页特效。 JavaScript,作为一种轻量级的解释型编程语言,被广泛应用于浏览器端,...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    61. js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62. Supersized jQuery全屏相册图片自动切换插件 63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]...

    jQuery实现的动态伸缩导航菜单实例

    在介绍jQuery实现的动态伸缩导航菜单实例中,我们首先需要了解jQuery这个前端开发常用的JavaScript库。jQuery极大的简化了JavaScript编程,尤其在处理文档结构、事件处理、动画效果以及Ajax交互等方面提供了简便的...

    jQuery网页开发实例精解源代码

    《jQuery网页开发实例精解》是一本由黄格力等人编著的专业书籍,旨在深入解析jQuery在网页开发中的应用。本书由清华大学出版社于2012年7月出版,旨在为开发者提供丰富的实例,帮助他们更好地理解和掌握jQuery这一...

    jquery.countdown.js自定义倒计时代码.zip

    这段代码将在ID为`countdown`的元素上显示从当前时间到指定日期(2023年12月31日)的倒计时,并以天、小时、分钟和秒的形式展示。 `jquery.countdown.js`还支持多种自定义选项,如设置倒计时的单位、回调函数、时间...

    jquery 时间控件实例

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的操作,包括DOM操作、事件处理、动画效果以及Ajax交互等。而时间控件是网页中常见的一种交互元素,它允许用户方便地选择或输入...

    jQuery图片左右滚动效果代码.zip

    总结来说,"jQuery图片左右滚动效果代码"是通过jQuery的DOM操作、事件处理和动画制作等功能,结合自动轮播和左右箭头交互,实现了一种动态的图片展示效果。这样的代码对于提升网站的视觉吸引力和用户体验有着重要...

    jquery显示当前时间(年-月-日 小时:分钟:秒 星期几)

    本主题聚焦于如何使用jQuery来显示实时更新的当前时间,格式为"年-月-日 小时:分钟:秒 星期几"。下面我们将详细探讨实现这一功能的步骤和相关知识点。 首先,我们需要引入jQuery库。如果你的项目中尚未包含jQuery,...

    jQuery实现超炫效果的实例源码

    文章标题“jQuery实现超炫效果的实例源码”透露出内容将围绕jQuery的强大功能展开,具体分析以下几个实例的源码,帮助开发者提升网站的视觉吸引力和用户体验。 首先,从描述内容中我们知道,使用jQuery插件是提升...

    jQuery实例_ ToolTip的实现

    本实例将深入探讨如何使用jQuery实现一个实用的Tooltip功能。Tooltip是一种常见且有用的UI元素,它可以在用户鼠标悬停在某个元素上时显示额外的信息。 首先,让我们了解一下jQuery的核心概念。jQuery通过选择器来...

    jQuery高德地图api开发实例代码

    在实例中,它被引入到HTML文件中,以便在JavaScript代码中使用jQuery的方法和功能。 7. **main.js**:这是应用的主要JavaScript文件,包含了所有地图相关的逻辑代码。比如,它会初始化地图,添加标注点,处理用户的...

    jquery实例演示及动态效果

    **jQuery 实例演示及动态效果** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。在"jQuery实例演示及动态效果"中,我们可以找到一系列示例,涵盖了多种jQuery的...

    jQuery range时间轴滑块拖动设置代码(24小时到分钟格式)

    在本文中,我们将深入探讨如何使用jQuery库来创建一个时间轴滑块,允许用户通过拖动选择24小时制的时间范围,精确到分钟。这个功能对于日程安排、时间管理或者任何需要用户输入时间范围的应用都非常有用。 首先,...

    jQuery实现轮播图及其原理详解

    本文实例为大家分享了jQuery实现轮播图及其原理的具体代码,供大家参考,具体内容如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" name="viewport" content="width=device-width,...

    jQuery初学实例代码集

    4. **动画(Animation)**:jQuery的动画功能非常强大,如`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`等,可以实现淡入淡出、滑动显示和自定义动画效果。 5. **Ajax交互(Ajax Interactions)**:...

    100多个JQuery效果示例(实例)div+css+javascrpit

    61. js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62. Supersized jQuery全屏相册图片自动切换插件 63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]...

Global site tag (gtag.js) - Google Analytics