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

发布时间:2022-03-29 14:18:58 作者:小新
来源:亿速云 阅读:170

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

时间个性化输出功能

/*
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如何实现时间个性化输出功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. javascript实现的时间格式加8小时功能示例
  2. 使用JavaScript怎么实现倒序输出

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:JavaScript如何清除脚本内容

下一篇:JavaScript如何实现全角转换为半角函数

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》