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

栏目:建站技术 2020-10-30

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>

相关阅读

用火狐打开百度一直加载s1.bdstatic.com的解决办法

2020-10-10720

一直用火狐浏览器,火狐浏览器插件多,很合适网页开发人员使用,以前一直用的好好的,但是今天使用的时候突然发现没有以前好用了,打开百度的官网一直很卡,通过FIREBGU发现在打开百度官网的时候一直会加载s1.bdstatic.com这个网站,无语,怎么打开百度的官网还需要链接s1.bdstatic.com这个网站这个网站吗?难道是百度被黑了,或者是自己的浏览器被…

正则表达式收集汇总

2020-12-1285

搜索:empty(($)tr[&#39;([a-z]{1,})&#39;]),可以查找这样的empty($tr[&#39;digest&#39;]),然后可以替换成!$digest替换:!$1$2匹配A标签的超连接的正则表式如下$pattern=&quot;/&lt;a[^&gt;]+?href=[&quot;&#39;]?([^&quot;&#39;]+)…

手机访问电脑网时自动跳转代码

2020-10-1087

4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?各位看官,小二上代码!来了!varurl=window.location.href;varurl_match=/vit=1$/i;if(!url.match(url_match)){if(navigator.userAgent.match(/(…

如何解决网站上传大文件的问题?

2020-10-10119

为了服务器的网络安全,避免因为超大文件导致服务器故障,所以对文件上传的大小限制是很有必要的,但是有些客户又有上传大文件的需求,比如上传pdf或者压缩包这种格式的文件,那么碰到这种情况下,如何解决这个问题呢?在浏览器输出phpinfo();查看LoadedConfigurationFile这个参数可以获取php.info的文件位置1:如果上传的文件太大,会导致…

小程序的下单与支付的业务流程

2020-10-10221

1:小程序携带商品信息调用第三方服务器的下单API2:第三方服务器下单API对小程序带来的商品作库存量检测3:如果检测通过,第三方服务器就会保存这个订单并且告之小程序下单成功4:小程序调用第三方服务器的支付api5:第三方服务器API调用微信的预订单API[WxPayApi::unifiedOrder](注意第三方服务器是无法完成支付的,这个订单实际是在微信…

如何解决QQ显示未启用的问题

2024-08-8247

没设置临时会话,一般都会出现下面的状况。QQ放在网站上作为客服,必须设置临时会话。或者点击之后,要求加为好友才可以对话。解决这个问题的步骤如下:一、登陆腾讯官方网站:http://wp.qq.com/二、登陆之后,点“设置”,按下图所示,全部打勾。这个必须设置,不设置,不能临时会话,就会显示“未启用”。这一步是关键,必须设置。(1)先看服务有没被停用:如停用…