小程序秒杀倒计时

//倒计时
countDown: function (data,date) { // data为列表数据  此数据内含结束时间endTime    date为服务器时间
console.log(data)
var that = this;
let newDate = (date).replace(/-/g, ‘/‘);// 获取服务器时间 转换成都支持的格式
var systimestamp = new Date(newDate).getTime();//转换成时间戳
var time = setInterval(function () { // 循环执行
systimestamp = (systimestamp/1000+1)*1000;//服务器时间戳执行+1秒
console.log(‘服务器时间倒计时‘ + systimestamp)
var spikeFruitList = addHHMMSSToListData2(data, systimestamp);
console.log(‘倒计时集合‘+spikeFruitList)
that.setData({
spikeFruitList: spikeFruitList
})
}, 1000);
}
 
const addHHMMSSToListData2 = (data, systimestamp) => {
var result = data;
var goingList = new Array();
for (let i = 0; i < result.length; i++) {
var expiryTime = result[i].endTime;
console.log(‘结束时间+‘ + result[i].endTime);
var futureTime = new Date(expiryTime).getTime();
result[i] = addHHMMSSToList2(result[i], systimestamp, futureTime);
if (result[i].h_h == ‘00‘ && result[i].m_m == ‘00‘ && result[i].s_s == ‘00‘) {
//此处如果时间到了 不在加入集合中 列表也就不再显示倒计时数据
} else {
goingList.push(result[i]);
}
}
return goingList;
}
 
 
const addHHMMSSToList2 = (result, nowtimestamp, comparetimestamp) => {
var nowTime = nowtimestamp;// 当前时间的时间戳
var futureTime = comparetimestamp;// 比较时间的时间戳
// 未来的时间减去现在的时间 ;
var resTime = (futureTime - nowTime) / 1000;
// 结束时间
var zero = futureTime - nowTime;
if (zero >= 0) { // 认为还没有到达结束的时间
result.h_h = addHH(resTime);
result.m_m = addMM(resTime);
result.s_s = addSS(resTime);
} else {
result.h_h = ‘00‘;
result.m_m = ‘00‘;
result.s_s = ‘00‘;
}
return result;
}

// 时间转换
function timestampToTime(s) {
var h = Math.floor(s / 3600 % 24);
var min = Math.floor(s / 60) % 60;
var sec = s % 60;
h = add(h);
min = add(min);
sec = add(sec);
return h + ‘:‘ + min + ‘:‘ + sec
}

// 添 0
function add(m) {
return m < 10 ? ‘0‘ + m : m
}
//时
function addHH(s) {
var h = Math.floor(s / 3600 % 24);
return add(h);
}
//分
function addMM(s) {
var min = Math.floor(s / 60) % 60;
return add(min);
}
//秒
function addSS(s) {
var sec = s % 60;
return add(sec);
}
 
 
 
 
 
页面集合取值
{{item.h_h}}:{{item.m_m}}:{{item.s_s}}
 
效果图:
小程序秒杀倒计时

小程序秒杀倒计时

上一篇:关于微信小程序连接腾讯地图的介绍


下一篇:57、微信-我Fragment_Profile