小程序秒杀倒计时

痛定思痛。 2021-11-26 18:38 318阅读 0赞

//倒计时

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\}\}

效果图：

![1707597-20190709184629788-1300663800.png][]

转载于:https://www.cnblogs.com/it66/p/11159326.html

[1707597-20190709184629788-1300663800.png]: /images/20211126/d866db69c2fd4d0a96111eff0f3d5923.png

小程序秒杀倒计时

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关用vue实现秒杀倒计时组件

相关 uni-app实现秒杀循环商品倒计时效果

相关小程序30分钟倒计时

相关小程序倒计时

相关寒假小程序（倒计时）

相关小程序倒计时，已知过期时间实现倒计时

相关 js实现商城秒杀倒计时功能（动态设置秒杀时间）

相关倒计时-小程序版

相关小程序秒杀倒计时

相关小程序60s倒计时