html做一个倒计时页面,JS实现同一个html页面多个倒计时

需求场景

在商城应用中，要限制订单的有效期，所以会做自动关闭订单的服务器端任务。

为了方便提醒用户及时支付，需要在订单列表页展示倒计时。

实现代码

$(document).ready(function () {

var addTimer = function () {

var list = [], interval;

return function (id, closetime) {

var deadline = new Date(closetime.replace(new RegExp(/-/gm) ,"/"));

var now = new Date();

var time = (deadline.valueOf() - now.valueOf())/1000 ;

if (!interval)

interval = setInterval(go, 1000);

list.push({ ele: document.getElementById(id), time: time });

}

function go() {

for (var i = 0; i < list.length; i++) {

var html = getTimerString(list[i].ti