一、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>
相关推荐
而 `jiaoben5041.js` 很可能就是实际的jQuery时间选择器插件代码,包含了实现选择器功能的核心逻辑。 在使用这个插件时,开发者需要将`jiaoben5041.js`引入到HTML页面中,然后可以通过调用特定的jQuery方法来初始化...
本实例将深入探讨如何使用jQuery来实现元素的隐藏与显示,这在网页动态效果和用户交互中非常常见。 首先,我们需要引入jQuery库。在HTML文档的`<head>`标签内,添加如下代码以链接到jQuery的CDN(内容分发网络): ...
在这个"JavaScript+jQuery网页特效设计实例源码"的压缩包中,我们很可能会找到一系列实用的代码示例,帮助开发者理解和实现各种网页特效。 JavaScript,作为一种轻量级的解释型编程语言,被广泛应用于浏览器端,...
61. js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62. Supersized jQuery全屏相册图片自动切换插件 63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]...
在介绍jQuery实现的动态伸缩导航菜单实例中,我们首先需要了解jQuery这个前端开发常用的JavaScript库。jQuery极大的简化了JavaScript编程,尤其在处理文档结构、事件处理、动画效果以及Ajax交互等方面提供了简便的...
《jQuery网页开发实例精解》是一本由黄格力等人编著的专业书籍,旨在深入解析jQuery在网页开发中的应用。本书由清华大学出版社于2012年7月出版,旨在为开发者提供丰富的实例,帮助他们更好地理解和掌握jQuery这一...
这段代码将在ID为`countdown`的元素上显示从当前时间到指定日期(2023年12月31日)的倒计时,并以天、小时、分钟和秒的形式展示。 `jquery.countdown.js`还支持多种自定义选项,如设置倒计时的单位、回调函数、时间...
在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的操作,包括DOM操作、事件处理、动画效果以及Ajax交互等。而时间控件是网页中常见的一种交互元素,它允许用户方便地选择或输入...
总结来说,"jQuery图片左右滚动效果代码"是通过jQuery的DOM操作、事件处理和动画制作等功能,结合自动轮播和左右箭头交互,实现了一种动态的图片展示效果。这样的代码对于提升网站的视觉吸引力和用户体验有着重要...
本主题聚焦于如何使用jQuery来显示实时更新的当前时间,格式为"年-月-日 小时:分钟:秒 星期几"。下面我们将详细探讨实现这一功能的步骤和相关知识点。 首先,我们需要引入jQuery库。如果你的项目中尚未包含jQuery,...
文章标题“jQuery实现超炫效果的实例源码”透露出内容将围绕jQuery的强大功能展开,具体分析以下几个实例的源码,帮助开发者提升网站的视觉吸引力和用户体验。 首先,从描述内容中我们知道,使用jQuery插件是提升...
本实例将深入探讨如何使用jQuery实现一个实用的Tooltip功能。Tooltip是一种常见且有用的UI元素,它可以在用户鼠标悬停在某个元素上时显示额外的信息。 首先,让我们了解一下jQuery的核心概念。jQuery通过选择器来...
在实例中,它被引入到HTML文件中,以便在JavaScript代码中使用jQuery的方法和功能。 7. **main.js**:这是应用的主要JavaScript文件,包含了所有地图相关的逻辑代码。比如,它会初始化地图,添加标注点,处理用户的...
**jQuery 实例演示及动态效果** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。在"jQuery实例演示及动态效果"中,我们可以找到一系列示例,涵盖了多种jQuery的...
在本文中,我们将深入探讨如何使用jQuery库来创建一个时间轴滑块,允许用户通过拖动选择24小时制的时间范围,精确到分钟。这个功能对于日程安排、时间管理或者任何需要用户输入时间范围的应用都非常有用。 首先,...
本文实例为大家分享了jQuery实现轮播图及其原理的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" name="viewport" content="width=device-width,...
4. **动画(Animation)**:jQuery的动画功能非常强大,如`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`等,可以实现淡入淡出、滑动显示和自定义动画效果。 5. **Ajax交互(Ajax Interactions)**:...
61. js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62. Supersized jQuery全屏相册图片自动切换插件 63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]...