日常开发中,我们常需要将时间以更人性化的方式展示,比如“刚刚”、“3分钟前”、“2天前”。这种功能不仅能让用户界面更加友好,还能提升用户体验。今天就来聊聊如何用JavaScript实现这一功能!💪
首先,我们需要获取当前时间和目标时间戳之间的差值。然后通过判断这个差值,输出对应的时间描述。例如:
```javascript
function timeAgo(timestamp) {
const now = new Date();
const diff = now - new Date(timestamp);
const minute = 60 1000;
const hour = minute 60;
const day = hour 24;
if (diff < minute 5) {
return '刚刚';
} else if (diff < hour) {
return Math.floor(diff / minute) + '分钟前';
} else if (diff < day) {
return Math.floor(diff / hour) + '小时前';
} else {
return Math.floor(diff / day) + '天前';
}
}
```
这段代码简单高效,完美适配各种场景!🎉无论是博客评论区的时间显示,还是社交平台的消息列表,都能轻松搞定。快来试试吧,让你的项目瞬间高大上!🔥