想要在每个HTML元素中显示不同的日期（时间），并且日期（时间）应该在一段时间后自动更改为最新

Question

我有一些HTML字段，我可以在这些字段中获取当前日期（时间），但我希望在每个元素中显示不同的时间，就像在任何评论系统中显示一样。以下是我的HTML：

<div class="container">
<div class="inner">
    <span>Here I'm heading One!</span>
    <span></span>
</div>
<div class="inner">
    <span>Here I'm heading Two!</span>
    <span></span>
</div>
<div class="inner">
    <span>Here I'm heading Three!</span>
    <span></span>
</div>
<div class="inner">
    <span>Here I'm heading Four!</span>
    <span></span>
</div>
<div class="inner">
    <span>Here I'm heading Five!</span>
    <span></span>
</div>

我可以借助以下jQuery获得每秒的当前日期：

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


$(document).ready(function(){
var now = new Date(), // current date
    months = ['January', 'February', 'March','April','May','June','July','August','September','October','November','December']; // added all the months
    time = now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds(), // get time

    // a cleaner way than string concatenation
    date = [now.getDate(), 
            months[now.getMonth()],
            now.getFullYear()].join(' ');
    $('.inner span:nth-child(2)').html([date, time].join(' at ')); });

我的问题是，我希望在每个第二个跨度中显示不同的时间，如下所示：

在这里，我是一个人！ 2017年6月15日1:55:40 在这里，我是两个人！ 2017年6月15日10:55:30 在这里，我标题为三！ 2017年6月14日2:55:20 在这里，我标题为四！ 2017年6月13日1:30:50 在这里，我标题为五！ 2017年6月12日1:55:50

但现在显示当前的日期和时间。

我希望每个元素之间的时差如2或3小时，并会相应地改变，就像现在第一个标题时间是2017年6月15日1:55:40并且它应该在3小时后自动更改为最新时间，所以在其他领域以及最新日期（时间）。