helper timesAge

pages/helper/index.js

@@ -26,6 +26,42 @@ function formateActionType (type) {
   }
 }
 
+function timesAge (date) {
+  const currentDate = new Date();
+  const ghDate = new Date(date);
+
+  return timeDifference(currentDate.getTime(), ghDate.getTime());
+}
+
+function timeDifference (current, previous) {
+  const msPerMinute = 60 * 1000;
+  const msPerHour = msPerMinute * 60;
+  const msPerDay = msPerHour * 60;
+  const msPerWeek = msPerDay * 7;
+  const msPerMouth = msPerWeek * 4;
+  const msPerYear = msPerMouth * 12;
+
+  const elapsed = Math.abs(current - previous);
+
+  switch (true) {
+    case elapsed < msPerMinute:
+      return Math.round(elapsed / 1000) + ' seconds age';
+    case elapsed < msPerHour:
+      return Math.round(elapsed / msPerMinute) + ' minutes age';
+    case elapsed < msPerDay:
+      return Math.round(elapsed / msPerHour) + ' hours age';
+    case elapsed < msPerWeek:
+      return Math.round(elapsed / msPerDay) + ' days age';
+    case elapsed < msPerMouth:
+      return `approximately ${Math.round(elapsed / msPerWeek)} weeks age`;
+    case elapsed < msPerYear:
+      return `approximately ${Math.round(elapsed / msPerMouth)} mouths age`;
+    default:
+      return `approximately ${Math.round(elapsed / msPerYear)} years age`;
+  }
+}
+
 module.exports = {
-  formateActionType: formateActionType
+  formateActionType: formateActionType,
+  timesAge: timesAge
 };

pages/index/index.js

@@ -34,9 +34,9 @@ Page({
 
   fetchEventsData (url) {
     services.fetch(url).then(res => {
-      console.log(res.data);
       res.data.forEach(item => {
         item.type = helper.formateActionType(item.type);
+        item.created_at = helper.timesAge(item.created_at);
       });
       this.setData({
         items: this.data.items.concat(res.data),

pages/index/index.wxml

@@ -9,7 +9,7 @@
           <image class="actor_avatar" mode="aspectFit" src="{{item.actor.avatar_url}}"></image>
           <view class="col">
             <view class="actor_name">{{item.actor.display_login}}</view>
-            <text class="action_time">1 hours ago</text>
+            <text class="action_time">{{item.created_at}}</text>
           </view>
         </view>
         <view class="row received_event_bottom">