小程序列表多个批量倒计时

所属栏目:建站技术 发布时间:2020-10-30 点击: 文章来源:https://www.sznest.net/html/list2show.php?id=3514

Page({
  onShow() {
    let that = this;
    var dates = {datetime : [{dat: 0,name:'zs'},{dat: 6,name:'ls'},{dat: 10,name:'ww'}]}
    // console.log(dates) //数据
    let len = dates.datetime.length; //时间数据长度
    function get000Count() {
      var count = 0;
      for (var i = 0; i < len; i++) {
        if (dates.datetime[i]['dat'] == 0) {
          count = count + 1;
        }
      }
      return count;
    }
    function nowTime() { //时间函数
      for (var i = 0; i < len; i++) {
        var intDiff = dates.datetime[i].dat; //获取数据中的时间戳
        //console.log(intDiff)
        var day = 0,
          hour = 0,
          minute = 0,
          second = 0;
        if (intDiff > 0) { //转换时间
          day = Math.floor(intDiff / (60 * 60 * 24));
          hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
          minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
          second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
          if (hour <= 9) hour = '0' + hour;
          if (minute <= 9) minute = '0' + minute;
          if (second <= 9) second = '0' + second;
          dates.datetime[i].dat--;
          var str = hour + ':' + minute + ':' + second
          //console.log(str)  
        } else {
          //var str = '已结束!';
          var str = '00:00:00';
          if (get000Count() == len) {
            console.log(get000Count())
            clearInterval(timer);
          }
        }
        dates.datetime[i].difftime = str; //在数据中添加difftime参数名,把时间放进去
      }
      that.setData({
        wearList: dates
      })
    }
    //nowTime();
    var timer = setInterval(nowTime, 1000);
  },
})


<view wx:for="{{wearList.datetime}}" wx:for-item="item" wx:key="id">
 <view class='dates'>{{item.difftime}}</view>
 <view class='dates'>{{item.name}}</view>
</view>

相关阅读

Sublime Text 2.…

注册码在help的EnterLicense中输入下面所有的字符,无须去空格和换行,所有的字符就是完整…

了解详情 >>

AJAX随机调用数组中不重复的…

读以记事本中的网址,记事本里中有多个网址,每个一行,然后使用AJAX循环请求随机出来的部分不重复的网…

了解详情 >>

如何让你的PHP网站变得更安全

安全配置一(1)打开php的安全模式php的安全模式是个非常重要的内嵌的安全机制,能够控制一些php…

了解详情 >>

DOS命令批量获取文件夹内的名…

批量提取文件夹内文件名一:在文件夹内新建一个文本文件,名称随便起,这里为了演示,暂时起名叫!!!.T…

了解详情 >>

过滤html标签与标签之间的空…

<?phpob_start();?><pid="name"&g…

了解详情 >>

获取腾讯视频真实播放地址及资源…

如何获取到video视频源地址链接的方法呢?以下教程演示的视频素材来自腾讯视频网站,不同的视频网站获…

了解详情 >>

Copyright @ 2008-2019   www.sznest.net   All rights reserved  专注于免费建站,自助建站,模板建站,选免费模板免费送香港空间,选收费模板先建站后付款   粤ICP备11083046号       

微信

移动端

客服

顶部