如何创建与Backend（Django）集成的倒数计时器

Question

我想创建一个与后端集成的倒数计时器。我正在使用Django。我本可以在jQuery中完成这个（可用的插件很多），但我不知道如何将它与后端集成。

我从ctx变量cd /var中的视图发送产品列表。格式如下： -

{'products':products}

我想在HTML上展示这些产品，以下是我的工作方式： -

[
    {
        price: 9830,
        date: "2015-09-06T07:45:41Z",
        image: "image.png",
        id: 1
    },
    {
        price: 9830,
        date: "2015-08-16T07:45:41Z",
        image: "image.png",
        id: 2
    },

    ....
]

在标记{% for item in products %} <div class="item"> <a href="/product/{{item.id}}"> <span class="item-carousel-thumb"> <img class="img-responsive" src="{{product.image}}" alt="img"> </span> <span class="price"> <i class="fa fa-inr"></i> {{product.price}} </span> <span class="stop-watch"> Over here I want to show the countdown timer </span> </a> </div> {% endfor %} 中，我想显示与this类似的倒数计时器。我怎样才能做到这一点？

倒数计时器=当前时间 - 结果中提供的时间。