微信小程序---批量倒计时js方法通用

最新推荐文章于 2024-09-02 09:36:12 发布

12程序猿

最新推荐文章于 2024-09-02 09:36:12 发布

阅读量767

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_26383975/article/details/107457761

本文介绍了如何在微信小程序中实现批量倒计时的通用方法。通过创建一个名为util.js的JS文件，并编写countDown()函数，接收endTimeList参数，实现对多个活动倒计时的处理。然后在需要倒计时的页面导入并调用util.js中的countDown方法，完成倒计时功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考微信小程序----团购或秒杀的批量倒计时实现对倒计时countDown()方法做整理，实现通用方法，以便多个页面使用。

countDown()通用处理如下：

1.新建一个.js文件:util.js
2.在util.js 文件中编写 countDown()方法，传入endTimeList参数（活动的结束时间数组），代码如下：

/**
* 倒计时函数
* endTimeList:活动的结束时间数组
*/
const countDown = endTimeList =>{
   
   
  console.log("lenght:"+endTimeList.length)
  // 获取当前时间，同时得到活动结束时间数组
  let newTime = new Date().getTime();
  let countDownArr = [];
  // 对结束时间进行处理渲染到页面
  for(var i=0;i<endTimeList.length;i++){
   
   
      let endTime = new Date(endTimeList[i].endTime).getTime();
      let obj = endTimeList[i];
      // 如果活动未结束，对时间进行处理
      if (endTime - newTime > 0){
   
   
          let time = (endTime - newTime) / 1000;
          // 获取天、时、分、秒
          let day = parseInt(time / (60 * 60 * 24));
          let hou = parseInt(time % (60 * 60 * 24) / 3600);
          let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
          let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
          obj.day=timeFormat(<