仿照微信朋友圈发表时间,网页前端

效仿微信朋友圈发布时间,使用扩大方法将将过去时间展示有xx(秒/分/小时/天)前,以留言列表中的留言时间为例,先来看一下直接的时间体现效果(date.ToString(“yyyy/MM/dd
HH:mm:ss”))

宪章微信朋友圈发表时间,将过去时光格式化成xx(秒/分/小时/天)前,朋友圈时间格式

宪章微信朋友圈公布时间,使用增加方法将将过去时间显示存xx(秒/分/时辰/天)前,以留言列表中的留言时间为例,先来看一下直接的日子显示效果(date.ToString(“yyyy/MM/dd
HH:mm:ss”))

亚洲必赢官网 1

以为到很相像,未有啥尤其

上边 大家写1个拓展方法,将留言时间格式化成xx(秒/分/小时/天)前

decimal.Truncate(data)//取decimal整数位

public static class HtmlExpansion
{   //只格式化2天内的时间
    public static string AgoDateFomat(this DateTime date)
        {
            var times = DateTime.Now - date;
            var s = Convert.ToDecimal(times.TotalSeconds);//秒
            var m = Convert.ToDecimal(times.TotalMinutes);//分钟
            var h = Convert.ToDecimal(times.TotalHours);//小时
            var d = Convert.ToDecimal(times.TotalDays);//天

            return s < 60 ? "" + decimal.Truncate(s) + " 秒前" : m < 60 ? "" + decimal.Truncate(m) + " 分钟前" : h < 24 ? "" + decimal.Truncate(h) + " 小时前" : d < 2 ? "" + decimal.Truncate(d) + " 天前" : date.ToString("yyyy/MM/dd HH:mm:ss");
        }
}

平昔在date后边调用date.AgoDateFomat(),体现效果如下

亚洲必赢官网 2

效果图

亚洲必赢官网 3

是否感觉比在此之前的年华高大上了一些

====完===

模仿微信朋友圈宣布时间,使用扩张方法将将过去时…

依傍微信朋友圈公布时间,使用扩张方法将将过去时间呈现存xx(秒/分/时辰/天)前,以留言列表中的留言时间为例,先来看一下直接的年华显示效果(date.ToString(“yyyy/MM/dd
HH:mm:ss”))

一、时间戳展现

时常能够看来论坛或许新闻上,时间戳为刚刚,xx分钟前,xx小时前等字样,前端怎么着实现吗?

亚洲必赢官网 4

亚洲必赢官网 , 

亚洲必赢官网 5

亚洲必赢官网 6

二、时间戳达成

本条效用相比轻巧,直接上函数,time_仿照微信朋友圈发表时间,网页前端。str是光阴戳的字符串结果,调换来Date对象,

Date对象足以获取年月日等音信,new3个Date表示目前日子,相关新闻进行相比过后,定制再次回到结果就能够。

 

//时间管理函数,多少分钟前,多少小时前,超越二4小时显示日期,超越一年显示年月日
        getTimeShow:function(time_str){
            //debugger;
            var now = new Date();
            var date = new Date(time_str);
            //计算时间距离,单位为分钟
            var inter = parseInt((now.getTime() –
date.getTime())/1000/60);
            if(inter == 0){
                return “刚刚”;
            }
            //多少分钟前
            else if(inter < 60){
                return inter.toString() + “分钟前”;
            }
            //多少小时前
            else if(inter < 60*24){
                return parseInt(inter/60).toString() + “小时前”;
            }
            //上年度内,日期不相同,取日期+时间  格式如  06-壹三 22:1一
            else if(now.getFullYear() == date.getFullYear()){
                return (date.getMonth()+1).toString() + “-” +
                    date.getDate().toString() + ” ” +
                    date.getHours() + “:” +
                    date.getMinutes();
            }
            else{
                return date.getFullYear().toString().substring(2, 3) +
“-” +
                (date.getMonth()+1).toString() + “-” +
                date.getDate().toString() + ” ” +
                date.getHours() + “:” +
                date.getMinutes();
            }
        },

 

 

感到很一般,未有什么样特别

倍感很相像,未有何尤其

三、落成效益

 

亚洲必赢官网 7

上面 大家写1个拓展方法,将留言时间格式化成xx(秒/分/时辰/天)前

下边 大家写三个人作品张开药方法,将留言时间格式化成xx(秒/分/小时/天)前

decimal.Truncate(data)//取decimal整数位

decimal.Truncate(data)//取decimal整数位

public static class HtmlExpansion
{   //只格式化2天内的时间
    public static string AgoDateFomat(this DateTime date)
        {
            var times = DateTime.Now - date;
            var s = Convert.ToDecimal(times.TotalSeconds);//秒
            var m = Convert.ToDecimal(times.TotalMinutes);//分钟
            var h = Convert.ToDecimal(times.TotalHours);//小时
            var d = Convert.ToDecimal(times.TotalDays);//天

            return s < 60 ? "" + decimal.Truncate(s) + " 秒前" : m < 60 ? "" + decimal.Truncate(m) + " 分钟前" : h < 24 ? "" + decimal.Truncate(h) + " 小时前" : d < 2 ? "" + decimal.Truncate(d) + " 天前" : date.ToString("yyyy/MM/dd HH:mm:ss");
        }
}
public static class HtmlExpansion
{   //只格式化2天内的时间
    public static string AgoDateFomat(this DateTime date)
        {
            var times = DateTime.Now - date;
            var s = Convert.ToDecimal(times.TotalSeconds);//秒
            var m = Convert.ToDecimal(times.TotalMinutes);//分钟
            var h = Convert.ToDecimal(times.TotalHours);//小时
            var d = Convert.ToDecimal(times.TotalDays);//天

            return s < 60 ? "" + decimal.Truncate(s) + " 秒前" : m < 60 ? "" + decimal.Truncate(m) + " 分钟前" : h < 24 ? "" + decimal.Truncate(h) + " 小时前" : d < 2 ? "" + decimal.Truncate(d) + " 天前" : date.ToString("yyyy/MM/dd HH:mm:ss");
        }
}

一直在date前边调用date.AgoDateFomat(),呈现效果如下

一向在date前边调用date.AgoDateFomat(),体现效果如下

亚洲必赢官网 8

亚洲必赢官网 9

效果图

效果图

亚洲必赢官网 10

亚洲必赢官网 11

是还是不是深感比在此以前的时刻高大上了一些

是否深感比之前的光阴高大上了几许

====完===

====完===

网站地图xml地图