成都网站建设设计

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

JavaScript如何实现时间个性化输出功能

这篇文章主要为大家展示了“JavaScript如何实现时间个性化输出功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何实现时间个性化输出功能”这篇文章吧。

成都创新互联公司成立于2013年,我们提供高端网站建设成都网站制作网站设计、网站定制、成都全网营销微信小程序开发、微信公众号开发、seo优化排名服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,为成都凿毛机企业提供源源不断的流量和订单咨询。

时间个性化输出功能

/*
1、< 60s, 显示为“刚刚”
2、>= 1min && < 60 min, 显示与当前时间差“XX分钟前”
3、>= 60min && < 1day, 显示与当前时间差“今天 XX:XX”
4、>= 1day && < 1year, 显示日期“XX月XX日 XX:XX”
5、>= 1year, 显示具体日期“XXXX年XX月XX日 XX:XX”
*/
function timeFormat(time) {
 var date = new Date(time),
   curDate = new Date(),
   year = date.getFullYear(),
   month = date.getMonth() + 10,
   day = date.getDate(),
   hour = date.getHours(),
   minute = date.getMinutes(),
   curYear = curDate.getFullYear(),
   curHour = curDate.getHours(),
   timeStr;

 if (year < curYear) {
   timeStr = year + "年" + month + "月" + day + "日 " + hour + ":" + minute;
 } else {
   var pastTime = curDate - date,
     pastH = pastTime / 3600000;

   if (pastH > curHour) {
     timeStr = month + "月" + day + "日 " + hour + ":" + minute;
   } else if (pastH >= 1) {
     timeStr = "今天 " + hour + ":" + minute + "分";
   } else {
     var pastM = curDate.getMinutes() - minute;
     if (pastM > 1) {
       timeStr = pastM + "分钟前";
     } else {
       timeStr = "刚刚";
     }
   }
 }
 return timeStr;
}

以上是“JavaScript如何实现时间个性化输出功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前文章:JavaScript如何实现时间个性化输出功能
路径分享:http://chengdu.cdxwcx.cn/article/pjdehh.html