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

所属栏目:建站技术 更新时间:2020-10-30 点击: 文章来源:http://www.sznest.net/jzjs/3514.html

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>

相关阅读

中英文混和的字符串的ASCII与UNICODE编码与解码

//1:获取中英文混合字符的编码(ASCII码与UNICODE码)$str=&quot;官网制作:网巢网络&quot;;foreach(math($str)as$key=&gt;$value){if(preg_match(&#39;/^[x{4e00}-x{9fa5}]+$/u&#39;,$value)){//中文,注意中文这里暂时不转换,因为无法通过chr…

了解详情 >>

测试document与window与body对象的heigh…

&lt;HTMLxmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;测试document与window与body对象的height与scrollTop方法返回值的区别测试document与window与body对象的height与scrollTop方法返回值的区别$("#btn").click(function…

了解详情 >>

asp用正则批量替换过滤表中所有行的内容中的图片

SetHF=NewRegExp&#39;建立正则表达式。HF.Pattern=&quot;《img[^&gt;]*&gt;&quot;&#39;设置模式、《请替换成英文的左尖括号。HF.IgnoreCase=True&#39;设置是否区分字符大小写。HF.Global=True&#39;设置全局可用性。Setconn=Server.CreateObject(…

了解详情 >>

常用批量替换的正则表达式-批量删除tppabs

匹配一行的开头,然后在一行开头前加入指定字符串,比如修改hosts文件在域名前面加入127.0.0.1^(.{1,})127.0.0.1$1如果是sublimeText编辑器,按ctrl+H,然后在弹出的窗口中点击“.*”,如果要匹配一行的行尾,则是^(.{1,})$匹配A标签的超连接的正则表式如下$pattern=&quot;/&lt;a[^&gt;]+?…

了解详情 >>

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

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

了解详情 >>

为什么小程序的页面有二次跳转时会瞬间显示一下第一次的页面再跳…

为什么小程序的页面有二次跳转时会瞬间显示一下第一次的页面再跳转呢?navigateToredirectToswitchTabtabBar先来看示例代码并且在微信开发者工具上测试下面看示例代码共有三个页面,分别是indexproductshowcartindex的js与wxmlPage({/*跳转到商品详情*/toProductshow:function(ev…

了解详情 >>

Copyright @ 2008-2019   www.sznest.net   All rights reserved  网巢网是一家专业为企业提供免费建站、自助建站的模板建站公司     友情链接:香港张元洪律师行   

微信

移动端

客服

顶部