小程序--時間處理(顯示幾分鍾前,,幾小時前,,幾天前...)

效果圖  (通過js實現對時間處理);

 

這是時間處理的函數, 代碼注釋說明的也還清楚,   這是文件鏈接,可以直接打開,保存一下 https://blog-static.cnblogs.com/files/yk95/commonFunc.js

 

 

 

function commentTimeHandle(dateStr) {
    // dateStr = 2018-09-06 18:47:00" 測試時間
    var publishTime = dateStr / 1000,  //獲取dataStr的秒數  打印結果--1536230820000
        date = new Date(publishTime * 1000), //獲取dateStr的標准格式 console.log(date) 打印結果  Thu Sep 06 2018 18:47:00 GMT+0800 (中國標准時間)
        // 獲取date 中的 年 月 日 時 分 秒
        Y = date.getFullYear(),
        M = date.getMonth() + 1,
        D = date.getDate(),
        H = date.getHours(),
        m = date.getMinutes(),
        s = date.getSeconds();
        // 對 月 日 時 分 秒 小於10時, 加0顯示 例如: 09-09 09:01
        if (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;
        }
        // console.log("年", Y); // 年 2018
        // console.log("月", M); // 月 09
        // console.log("日", D); // 日 06
        // console.log("時", H); // 時 18
        // console.log("分", m); // 分 47
        // console.log("秒", s); // 秒 00
    var nowTime = new Date().getTime() / 1000, //獲取此時此刻日期的秒數
        diffValue = nowTime - publishTime,  // 獲取此時 秒數 與 要處理的日期秒數 之間的差值
        diff_days = parseInt(diffValue / 86400),    // 一天86400秒 獲取相差的天數 取整
        diff_hours = parseInt(diffValue / 3600),    // 一時3600秒
        diff_minutes = parseInt(diffValue / 60),
        diff_secodes = parseInt(diffValue);

        if (diff_days > 0 && diff_days < 3) {  //相差天數 0 < diff_days < 3 時, 直接返出
            return diff_days + "天前";
        } else if (diff_days <= 0 && diff_hours > 0) {
            return diff_hours + "小時前";
        } else if (diff_hours <= 0 && diff_minutes > 0) {
            return diff_minutes + "分鍾前";
        } else if (diff_secodes < 60) {
            if (diff_secodes <= 0) {
                return "剛剛";
            } else {
                return diff_secodes + "秒前";
            }
        } else if (diff_days >= 3 && diff_days < 30) {
            return M + '-' + D + ' ' + H + ':' + m;
        } else if (diff_days >= 30) {
            return Y + '-' + M + '-' + D + ' ' + H + ':' + m;
        }
}
module.exports = {
    timeHandle: commentTimeHandle
}

頁面數據是自己模擬的

const test0Data = [
    {
        content: "有人知道漫威電影的觀影順序嘛？ 狗狗出門要牽狗繩，帶口罩啦！！！",
        time: '2018-11-16 10:19:05'
    },
    {
        content: "狗狗出門要牽狗繩，帶口罩啦！！！",
        time: '2018-11-14 10:19:05'
    },
    {
        content: "現在各種旅游年卡越來越多，不知道該辦哪一個？主要是想周末節假日帶孩子去轉轉，請各位了解的朋友們給點意見～謝謝～",
        time: '2018-11-12 16:19:05'
    },
    {
        content: "現在配個眼鏡都這么貴了？最少1000多！這個行業也太暴利了吧！",
        time: '2018-11-04 12:09:05'
    },
    {
        content: "健身房跑路了，怎么辦！剛辦的卡，3580。老板跑路了，最近幾天一個員工沒有，好多會員把器材都搬走了，搬空了，怎么辦？",
        time: '2018-09-01 22:19:05'
    },
]
module.exports = {
   test0Data: test0Data
}

接着頁面中去使用 時間處理的函數 和 假數據   

項目的目錄是這樣的    所以在頁面要通過 import 將其導入

// pages/test0/test0.js
import { timeHandle } from '../../utils/commonFunc';
import { test0Data } from '../../utils/data';
Page({
    data: {
        pageData: []
    },
    onLoad: function (options) {
        test0Data.forEach(item => {
            /**
                replace(/-/g, '/') 是為了處理IOS不兼容 2018-11-14 10:19:05
                new Date().getTime() 獲取 item 下時間的 毫秒值
            */
            let d = new Date(item.time.replace(/-/g, '/')).getTime();
            item.time = timeHandle(d);
        });
    },
    onShow: function() {
        this.setData({
            pageData: test0Data
        })
    }
})

 

因為之前項目的需求, 時間也較趕,  現在回過頭來溫習一下, 正好記錄一下.  

開心一刻:

　　程xx遭遇車禍成植物人，醫生說她活下來的希望只有萬分之一，喚醒更為渺茫。她的同事和親人沒放棄，並根據程xx對testing痴迷的作風，每天都在她身邊念：“你測的模塊上線后回滾了。”奇跡發生了，程xx醒來第一句話：確認那模塊是我測的？