根据不同时间，展示不同时间文案

目的：
根据不同时间，展示不同时间文案

需求：
描述如下：
x ＜ 1分钟，显示为 xxx秒前
1分钟 < x ＜ 1小时，显示为 xxx分钟前
1小时 ≤ x ＜ 24小时，显示为xx小时前
24小时 ≤ x ＜ 1个月，显示为xxx天前
1个月 ≤ x ＜ 1年，显示为xxx月前
x ≥ 1年，显示为年前

效果展示：

   //获取当前时间减去服务端（接口）返回的时间戳startTimeing() {let self = thiswindow.setInterval(() => {let timestamp1 = Date.parse(new Date())let time = timestamp1 - self.start_time * 1000；//start_time是服务端获得的时间self.doTime(time)}, 1000)},doTime(time) {this.getDateDiff = this.getDateDiff(time)},getDateDiff: function (dateStr) {let that = this;let publishTime = that.getDateTimeStamp(dateStr) / 1000,d_seconds,d_minutes,d_hours,d_days,timeNow = parseInt(new Date().getTime() / 1000),d,date = new Date(publishTime * 1000),Y = date.getFullYear(),M = date.getMonth() + 1,D = date.getDate(),H = date.getHours(),m = date.getMinutes(),s = date.getSeconds();//小于10的在前面补0if (M < 10) {M = '0' + M;}if (D < 10) {D = '0' + D;}if (H < 10) {H = '0' + H;}if (m < 10) {m = '0' + m;}if (s < 10) {s = '0' + s;}d = timeNow - publishTime;d_days = parseInt(d / 86400);d_hours = parseInt(d / 3600);d_minutes = parseInt(d / 60);d_seconds = parseInt(d);if (d_days > 0 && d_days < 365) {return d_days + '天前';} else if (d_days <= 0 && d_hours > 0) {return d_hours + '小时前';} else if (d_hours <= 0 && d_minutes > 0) {return d_minutes + '分钟前';} else if (d_seconds < 60) {if (d_seconds <= 0) {return '刚刚发表';} else {return d_seconds + '秒前';}} else if (d_days >= 365) {return parseInt(d / 31536000) + '年前';}},
//字符串转换为时间戳getDateTimeStamp: function (dateStr) {let reg = /^\d+$/;if (reg.test(dateStr)) {return new Date(dateStr);} else {return Date.parse(dateStr.replace(/-/gi, "/"));}},

这里解释一下，为什么要匹配‘-’，这里是需要兼容IOS的操作。

根据不同时间，展示不同时间文案相关推荐

定义一个时钟类(TimeDemo)，属性有：时、分、秒（默认值10时30分），方法有展示当前时间、过1秒，过1分钟，过1小时后的时分秒；在测试类中实现过10秒，过10分，过10小时后的时间展示
题目: 定义一个时钟类(TimeDemo),属性有:时.分.秒(默认值10时30分),方法有展示当前时间.过1秒,过1分钟,过1小时后的时分秒:定义成员方法分别对时.分.秒进行加减运算,保证运算后时间 ...
vant组件时间选择器修改时间格式以及默认展示当天时间
vant的时间控件默认展示当天时间 <van-fieldreadonlyrequiredclickablelabel="时间事项":value="mattertim ...
【随机一句诗歌】【JS】随机一句诗歌，并且附带点击时间和当前时间。
来源地址:https://juejin.cn/post/7033014658181103653 [每日一点事] 在埃菲尔铁塔上,其实,共刻有72位科学家的名字- 一.代码 [核心代码] getToda ...
用moment获取一年内指定周的起始时间和结束时间、用户所选时间和前端传参时间不一致问题
问题1: 原代码: //所选周selectedWeek:{handler(){let selectedWeek = parseInt(this.selectedWeek.substring(1))// ...
怎么修改文件的创建时间和修改时间？
怎么修改文件的创建时间和修改时间?我们打开文件的属性,便能看到这个文件的很多信息,例如文件的类型.位置.大小.所占空间,另外还有三个文件的时间信息,分别是:创建时间.修改时间和访问时间,大家似乎对前两 ...
MySQL存入的时间和取出时间不一致的解决
场景:代码运行在Linux-A上,new Date() 生成的时间比当前时间早13个小时,导致存入数据库内的时间也早13个小时,但前台读取展示出来的时间又是正常的.在数据库直接select now() ...
js实现UTC时间转为北京时间，时间戳转为时间
用了阿里云的接口,发现其穿的日期是UTC格式的.需要转换. var utc_datetime = "2017-03-31T08:02:06Z";function utc2beiji ...
更改c语言程序保存地址吗,（C语言）修改文件时间程序（创建时间、修改时间、访问时间）...
背景在某些情况下,我们需要对文件时间进行修改,在这里主要和大家分享一下修改文件创建时间.修改时间和访问时间的程序,C语言编写. 解决方案我们主要调用Windows API,直接修改文件时间为自己任 ...
R语言ggplot2可视化：可视化所有日期不同时段任务的持续时间、将持续时间绘制成一条线（起始时间到结束时间），y轴表示活动发生的日期，x轴表示以小时为单位的时间
R语言ggplot2可视化:可视化所有日期不同时段任务的持续时间.将持续时间绘制成一条线(起始时间到结束时间),y轴表示活动发生的日期,x轴表示以小时为单位的时间(duration of an act ...

根据不同时间，展示不同时间文案

根据不同时间，展示不同时间文案相关推荐

最新文章

热门文章