2015-05-05 30 views
0

我想創建一個對象,其中的按鍵被設置爲單擊按鈕的時間。然後,我想每秒檢查當前時間與創建時間以及console.log()相對時間。問題從「幾秒鐘前」不會改變。我錯過了什麼?用MomentJS更新相對時間

Codepen活生生的例子:http://codepen.io/colealanroberts/pen/VLvpzR/?editors=001

這裏是我迄今:

(function() { 
    // HTML Elements 
    var $btn = document.getElementById('save'); 
    var $relTime = document.getElementById('relative-time'); 

    var tObj = {}; 
    var now = moment(); 
    var t = now.format("dddd, MMMM Do YYYY, h:mm:ss a"); 

    function saveObj() { 
     tObj = { 
     timeClicked: t 
    } 
    // Log initial time 
    console.log(tObj.timeClicked); 

    setInterval(function() { 
     var rel = moment([tObj.timeClicked]).fromNow(true); 
     console.log(rel); 
    }, 1000); 
} 

    $btn.addEventListener('click', saveObj); 
})(); 

回答

1

你不救的時刻,但一個字符串。

如果你想使用字符串保留,則必須分析它:

var rel = moment(tObj.timeClicked,["dddd, MMMM Do YYYY, h:mm:ss a"]).fromNow(true); 

當然,這將是簡單的存儲時刻本身:http://codepen.io/anon/pen/qdOjqr

+0

感謝您的編輯。你是對的,那更簡單。 –