成都网站建设设计

将想法与焦点和您一起共享

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

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

创新互联建站主要从事成都网站制作、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务克山,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

效果图:

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如何模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前的效果”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联网站建设公司行业资讯频道!

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:js如何模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前的效果-创新互联
转载来于:http://chengdu.cdxwcx.cn/article/pdcij.html

其他资讯