重庆分公司

重庆分公司

028-86922220

js如何模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前的效果

这篇文章主要介绍js如何模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前的效果，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：主机域名、网络空间、营销软件、网站建设、铁西网站维护、网站推广。

效果图：

js如何模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前的效果

代码如下：



 
  
  
 
 
   
   
     
     
      大黄蜂回复点赞
      2017-04-25 09:26:02
      的确很漂亮啊，拍照技术越来越好了

大黄蜂

回复点赞 2017-04-22 09:26:02

的确很漂亮啊，拍照技术越来越好了

大黄蜂

回复点赞 2017-04-26 17:50:02

的确很漂亮啊，拍照技术越来越好了

大黄蜂

回复点赞 2017-04-26 09:26:02

的确很漂亮啊，拍照技术越来越好了

//开发中我们需要计算一条动态的发布时间，一般我们得到的是一条日期字符串，我们需要计算当前时间和动态的发布时间，计算它们的差值来判断发布在什么时候 //Date.parse() 解析一个日期时间字符串，并返回1970/1/1 午夜距离该日期时间的毫秒数 //var nDays = Math.abs(parseInt((time2 - time1)/1000/3600/24)); // 获取当前时间戳(以s为单位) function setTime(time,timeSelector){ var currentTime = Date.parse(new Date()); var dateTime = time;//后台传递来的时间 var ts = timeSelector;//选择器 var d_day = Date.parse(new Date(dateTime)); var day = Math.abs(parseInt((d_day - currentTime)/1000/3600/24));//计算日期 var hour = Math.abs(parseInt((d_day - currentTime)/1000/3600));//计算小时 var minutes = Math.abs(parseInt((d_day - currentTime)/1000/60));//计算分钟 var seconds = Math.abs(parseInt((d_day - currentTime)/1000));//计算秒 console.log(day); if(day >= 2){ ts.text(parseInt(day)+"天前").toString(); }else if(day > 0 && day < 2){ ts.text("昨天").toString(); }else if(hour > 0 && hour < 24){ ts.text(parseInt(hour)+"小时前").toString(); }else if(minutes > 0 && minutes < 60){ ts.text(parseInt(minutes)+"分钟前").toString(); }else if(seconds > 0 && seconds < 60){ ts.text(parseInt(seconds)+"秒前").toString(); } } //列表里面调用方法，传递两个参数数据库时间和选择器 $(".one-comment").each(function(){ var t_time = $(this).find(".time").text(); var timeSelector = $(this).find(".time"); setTime(t_time,timeSelector); })

以上是“js如何模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前的效果”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

分享名称：js如何模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前的效果
标题来源：http://cxhlcq.com/article/pcsceg.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220（工作日）

18980820575（7×24）

提交需求

返回顶部