在JS中度过经历的时间

时间:2013-11-30 15:32:12

标签: javascript jquery time elapsedtime

Fiddle

我正在制作一个社交网络,当你发布某些内容时,我想展示时间。我有当前代码来显示时间(这不仅是时间,它还在验证和发布文本):

$('#b').click(function () {
    var v = $('#type').val();
    var u = $('#input').val();
    if (v !== "" && u !== ""){
        var time = new Date();
        var currentime = Date.now();
        var x = currentime - time;
        $("ul").prepend("<li>" + v + "<br />Posted by " + u + " " + x +" minutes ago  </li>");
        $('#type, #input').css('border','');
    }
    else if (v == "" && u == "") {
        $('#type, #input').css('border','1px solid red');
    }
    else if (v == "") {
        $('#type').css('border','1px solid red');
        $('#input').css('border','');
    }
    else {
        $('#input').css('border','1px solid red');
        $('#type').css('border','');
    }
});

当时间发布时,它说的是0分钟前(就像我告诉它的那样),但是在任何时间之后,仍然会说0。

1 个答案:

答案 0 :(得分:1)

fiddle

基本上你设置了一个setInterval来管理你经常更新你的时间属性。我使用了span.time类,因此理论上您可以随时更新任何内容。

我会更进一步并散列您的帖子,以便您可以轻松检索每个帖子的原始时间。

编辑:添加了一个新的小提琴。