<JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享_javascript技巧
您的当前位置:首页正文

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

2023-12-04 来源:六三科技网

要实现类似功能,用JS就可以,实现方法如下:

一、javascript函数实现:实例1: 代码如下://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;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: 代码如下:

六三科技网还为您提供以下相关内容希望对您有帮助:

js或者jquery怎样获得前一天0点,前一周0点,指定月份的时间戳

alert(yesterday);// 上周一var lastMonday = new Date(today- oneday * (today.getDay() + 6));alert(lastMonday);// 上个月1号var lastMonthFirst = new Date(today - oneday * today.getDate());lastMonth...

jquery如何实现倒计时效果

首先获取当前时间与目标时间的时间差,然后通过定时器更新这个时间差,就实现了倒计时效果。实现上述过程需要以下两个函数:getTime() // 返回距1970年1月1日之间的毫秒数,这样将时间差(毫秒数)÷3600÷24即为天数,...

...时间算出相差多少小时,放假不算在内??JQuery 或JS怎么写?

timeOffset的值为 Object { hours:9, minutes:0} 如果午休1小时的话,把结果中的hours-1就行了

JS/jQuery实现DIV延时几秒后消失或显示的方法

本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考,具体如下:1、最常用的方法(setTimeout):$(function () { setTimeout(function () { $("divid").show(); }, 6000);})2、...

用js或jquery实现一个数字随时间增加的效果

用javascript可以实现啊。一会儿上代码。 var inner=""; var date=new Date(); var h=date.getHours(); if(h&gt;=20){ inner='22'; }else if(h&lt;=8){ inner='0' }else{ inner=(h-8)*2+""; } doc...

jQuery实现元素显示几秒后隐藏,但是获得焦点时又能一直显示,求示例代 ...

//这里设定消失的时间是3秒;function funA(){ //这个函数是起消失作用的函数,会让图片元素消失;$(".demo img").fadeOut();}var doA=setTimeout(funA,t); //这里是默认情况下的执行消失函数;function stopfunA...

js实现 不同的时间段自动跳转不同的 网页 。。。求代码,越简单越好...

&lt;!DOCTYPE html&gt; var date = new Date();var hour = date.getHours();(document).ready(function(){ if(hour&gt;=9 &amp;&amp; hour&lt;=10){ ("#weila").attr("href","http://www.baidu.com");}else{ ("#weila...

用jquery代码如何实现当我点击“查看”按钮时,在弹出窗口或弹出页面,显 ...

先把查询出来的东西放入session对象,在当前页面读取出部分信息,为button按钮添加一个单击事件。查看详细信息也不一定非要在新页面,当前页面添加一个div,做成弹出窗口的效果即可如$("#button1").click(function(){$("body...

用js或jquery实现一个数字随时间增加的效果,每次刷新不从头开始的那种...

一种方式是将数字写到cookie或localstorage里面,但是这种方式知道浏览器缓存被清除了或者cookie过期了就不行了。另一种方式是需要后台程序配合的,每次刷新都把数据上传服务器,服务器将数据持久化下来(写入数据库或写到一个...

JQuery或JS实现商品加入对比的代码

你好!页面中显示的楼盘对比的导航,其中js有这样一段代码:...init_comp_bar();...其中:function init_comp_bar() { ... set_fixed_position(); initCompareBar(); show_change(0); setInterval(...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

Top