current: 0,
timer: null,
list: [
{
create_time: "2022-4-7 14:27:51",
status: 0,
id: 1,
price: "¥15.00",
logo: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic_source%2Fa9%2Fb0%2F2a%2Fa9b02a388f8120321174d470978482cb.jpeg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650787644&t=8a07293ea2fbafb12401b9802421aa04",
name: "湖南省图书馆",
desc: "长沙市图书馆公益活动 ",
child: [
{
id: 1,
img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.szthks.com%2Flocalimg%2F687474703a2f2f6777322e616c6963646e2e636f6d2f62616f2f75706c6f616465642f69322f5442317739514d51705858585858785870585858585858585858585f2121302d6974656d5f7069632e6a7067.jpg&refer=http%3A%2F%2Fwww.szthks.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650789691&t=c237e0d40aecbf58c85dba17ee7fe663",
title: "大山里的小诗人大山里的小诗人大山里的小诗人",
desc: "这些是书的推荐文字，字可以有很多，也可以,这些是书的推荐文字，字可以有很多，也可以",
oprice: "¥49.80",
price: "¥34",
},
{
id: 2,
img: "http://img3m4.ddimg.cn/31/15/29354224-2_x_6.jpg",
title: "每个孩子都能像花儿一样开放",
desc: "这些是书的推荐文字，字可以有很多，也可以,这些是书的推荐文字，字可以有很多，也可以每个孩子都能像花儿一样开放每个孩子都能像花儿一样开放",
oprice: "¥49.80",
price: "¥34",
},
{
id: 3,
img: "http://img3m7.ddimg.cn/57/36/23946177-1_x_64.jpg",
title: "愿望的实现",
desc: "这些是书的推荐文字，字可以有很多，也可以,这些是书的推荐文字，字可以有很多，也可以",
oprice: "¥49.80",
price: "¥34",
},
],
},
{
create_time: "2022-4-7 14:27:51",
status: 0,
id: 2,
price: "¥115.00",
logo: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic_source%2Fa9%2Fb0%2F2a%2Fa9b02a388f8120321174d470978482cb.jpeg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650787644&t=8a07293ea2fbafb12401b9802421aa04",
name: "长沙市图书馆",
desc: "长沙市图书馆公益活动",
child: [
{
id: 3,
img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic.51yuansu.com%2Fpic3%2Fcover%2F01%2F30%2F11%2F5923b9826732c_610.jpg&refer=http%3A%2F%2Fpic.51yuansu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650789716&t=674182aaa2ddff386f13d1b3980e8c06",
title: "愿望的实现",
desc: "这些是书的推荐文字，字可以有很多，也可以,这些是书的推荐文字，字可以有很多，也可以",
oprice: "¥49.80",
price: "¥34",
},
{
id: 4,
img: "http://img3m1.ddimg.cn/80/1/23778791-1_x_27.jpg",
title: "欧·亨利小说全集（全6册）卷三",
desc: "这些是书的推荐文字，字可以有很多，也可以,这些是书的推荐文字，字可以有很多，每个孩子都能像花儿一样开放每个孩子都能像花儿一样开放也可以",
oprice: "¥49.80",
price: "¥34",
},
{
id: 5,
img: "http://img3m1.ddimg.cn/80/1/23778791-1_x_57.jpg",
title: "汪曾祺集：旅食集",
desc: "这些是书的推荐文字，字可以有很多，也可以,这些是书的推荐文字，字可以有很多，也可以",
oprice: "¥49.80",
price: "¥34",
},
],
},
{
create_time: "2022-4-7 14:20:00",
status: 0,
id: 3,
price: "¥150.00",
logo: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic_source%2Fa9%2Fb0%2F2a%2Fa9b02a388f8120321174d470978482cb.jpeg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650787644&t=8a07293ea2fbafb12401b9802421aa04",
name: "天心区图书馆",
desc: "长沙市图书馆公益活动",
child: [
{
id: 1,
img: "http://img3m7.ddimg.cn/57/36/23946177-1_x_54.jpg",
title: "大山里的小诗人大山里的小诗人大山里的小诗人",
desc: "这些是书的推荐文字，字可以有很多，也可以,这些是书的推荐文字，每个孩子都能像花儿一样开放每个孩子都能像花儿一样开放字可以有很多，也可以",
oprice: "¥49.80",
price: "¥34",
},
{
id: 2,
img: "http://img3m4.ddimg.cn/31/15/29354224-2_x_6.jpg",
title: "每个孩子都能像花儿一样开放",
desc: "这些是书的推荐文字，字可以有很多，也可以,这些是书的推荐文字，字可以有很多，也可以",
oprice: "¥49.80",
price: "¥34",
},
{
id: 3,
img: "http://img3m7.ddimg.cn/57/36/23946177-1_x_64.jpg",
title: "愿望的实现",
desc: "这些是书的推荐文字，字可以有很多，也可以,这些是书的推荐文字，字可以有很多，也可以",
oprice: "¥49.80",
price: "¥34",
},
],
},
],
/**
* 未支付订单倒计时:先获取时间间隔的秒数 之后把相差的秒数转为即时的时分秒
*/
countDown() {
const { list } = this.state;
this.state.timer = setInterval(() => {
var orders = list;
for (var i = 0; i < orders.length; i++) {
var status = orders[i].status;
if (status == 0) {
var create_time = orders[i].create_time;
//计算剩余时间差值
var leftTime =
new Date(create_time).getTime() +
30 * 60 * 1000 -
new Date().getTime();
if (leftTime > 0) {
//计算剩余的分钟
var minutes = parseInt((leftTime / 1000 / 60) % 60, 10);
//计算剩余的秒数
var seconds = parseInt((leftTime / 1000) % 60, 10);
var left_time = minutes + "分" + seconds + "秒";
orders[i].left_time = left_time;
} else {
//移除超时未支付的订单，状态改成已失效
this.setState({
current: 3,
});
orders.splice(i, 1);
}
}
}
this.setState({
list: orders,
});
}, 1000);
}
{item.left_time}后关闭订单
