Mini-Programm implementiert Listen-Countdown-Funktion

<view class="hbMpBox" wx:for="{{mpThing}}" data-goodsId="{{item.goods_id}}" data-id="{{index}}" bindtap="navSeceGroup">
    <Ansichtsklasse="hbMpBox_l">
      <image src="{{item.goods_img}}"></image>
    </Ansicht>
    <Ansichtsklasse="hbMpBox_r">
      <view class="hbMpBox_r_head">{{item.goods_name}}</view>
      <Ansichtsklasse="hbMpBox_r_time">
        <view class="syTime_tx" style="font-weight: 600;">Entfernung zum Ende:</view>
        <view class="syTime_day">{{item.goods_time[0]}}Tag</view>
        <view class="syTime_time syTime_time1">{{Artikel.Warenzeit[1]}}</view>
        <Ansichtsklasse="syTime_time1">:</Ansicht>
        <view class="syTime_time syTime_time2">{{Artikel.Warenzeit[2]}}</view>
        <Ansichtsklasse="syTime_time1">:</Ansicht>
        <view class="syTime_time syTime_time3">{{Artikel.Warenzeit[3]}}</view>
 
      </Ansicht>
      <Ansichtsklasse="hbMpBox_r_price">
        <Ansichtsklasse="hbMpBox_r_price_l">
          <Ansichtsklasse="hbMpBox_r_price_l_box onFontNow" Stil="max-width: 400rpx;">
            <text style="color: #999;">Gruppenpreis:</text><text style="color: #d13d4b;font-size: 34rpx;">￥{{item.secs_price}}</text>
          </Ansicht>
           
        </Ansicht>
        <Ansichtsklasse="hbMpBox_r_price_r">
          Spaßgruppe
      </Ansicht>
    </Ansicht>
  </Ansicht>
  <view class="indexMptxBox" wx:if="{{mpThing[0]}}" bindtap="zweiteGroupNav">
    Klicken Sie hier, um mehr anzuzeigen</view>

/*Zweiter Schreibstil*/
.hbMpBox{
  Polsterung: 20rpx;
  Hintergrund: #fff;
  Anzeige: Flex;
  Rahmen unten: 2rpx #eee durchgezogen;
}
.hbMpBox .hbMpBox_l{
  Breite: 155rpx;
  Höhe: 140rpx;
  Mindestbreite: 155rpx;
 
}
.hbMpBox .hbMpBox_l Bild{
  Breite: 100 %;
  Höhe: 100%;
}
.hbMpBox .hbMpBox_r{
  Breite: 540rpx;
  Rand links: 20rpx;
  Farbe: #333;
  Schriftgröße: 22rpx;
  Position: relativ;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_bb{
  Anzeige: Flex;
  Position: relativ;
  Rand oben: 10rpx;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_l2{
  Position: relativ;
  maximale Breite: 270rpx;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_hh{
  Schriftgröße: 28rpx;
  maximale Breite: 270rpx;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_l2 .hbMpBox_r_l2_h{
  Schriftgröße: 40rpx;
 
}
.hbMpBox .hbMpBox_r .hbMpBox_r_l2 .hbMpBox_r_l2_des{
  Breite: 100 %;
  Rand rechts: 20rpx;
  Rand oben: 10rpx;
  Farbe: #a8a8a8;
  Zeilenhöhe: 35rpx;
  Höhe: 70rpx;
  Wörtertrennung: alles trennen;
  Textüberlauf: Auslassungspunkte;
  display: -webkit-box; /**Das Objekt wird als Teleskopboxmodell angezeigt**/
  -webkit-box-orient: vertical; /** Anordnung der untergeordneten Elemente des Flexbox-Objekts festlegen oder abrufen **/
  -webkit-line-clamp: 2; /** Anzahl der angezeigten Zeilen **/
  overflow: hidden; /**Den Überlaufinhalt ausblenden**/
}
.hbMpBox .hbMpBox_r .hbMpBox_r_l2 .hbMpBox_r_l2_text{
  Schriftstärke: 600;
  Farbe: #d13d4b;
  Rand oben: 10rpx;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_head{
  Schriftgröße: 28rpx;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_des{
  Rand oben: 4rpx;
  Farbe: #999;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_l2_Time{
  Schriftgröße: 20rpx;
  Farbe: #bdbdbd;
  Wortabstand: 5rpx;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_l2_Time .fontTime{
  Schriftstärke: 900;
  Schriftgröße: 26rpx;
  Farbe: #7c7d7f;
}
.hbMpBox_r .hbMpBox_r_r2{
  Mindestbreite: 210rpx;
  maximale Breite: 48 %;
  Rand: 2rpx #d13d4b durchgezogen;
  Rahmenradius: 10rpx;
  maximale Höhe: 110rpx;
  Position: absolut;
  rechts: 0rpx;
  Höhe: 100%;
 
}
.hbMpBox_r .hbMpBox_r_r2 .hbMpBox_r_r2_in{
  Höhe: 54rpx;
  Anzeige: Flex;
  Inhalt ausrichten: zentriert;
  Elemente ausrichten: zentrieren;
  Polsterung: 0rpx 10rpx;
  Zeilenhöhe: 54rpx;
}
.hbMpBox_r .hbMpBox_r_r2 .hbMpBox_r_r2_in1{
  Hintergrund: #d13d4b;
  Farbe: #fff;
}
.hbMpBox_r .hbMpBox_r_r2 .hbMpBox_r_r2_in2{
  Farbe: #d13d4b;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_time{
  Rand oben: 15rpx;
  Schriftgröße: 24rpx;
  Anzeige: Flex;
  Elemente ausrichten: zentrieren;
}
 
.syTime_time{
  Polsterung: 3rpx 6rpx;
  Hintergrund: #444;
  Textausrichtung: zentriert;
  Farbe: #fff;
  Rahmenradius: 5rpx;
  Rand: 0 Rpx 5 Rpx;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_preis{
  Rand oben: 20rpx;
  Anzeige: Flex;
  Inhalt ausrichten: Abstand dazwischen;
  Elemente ausrichten: zentrieren;
}
.hbMpBox .hbMpBox_r .hbMpBox_r_Preis .hbMpBox_r_Preis_r{
  Hintergrund: #d13d4b;
  Farbe: #fff;
  Breite: 150rpx;
  Höhe: 50rpx;
  Zeilenhöhe: 50rpx;
  Textausrichtung: zentriert;
  Rahmenradius: 5rpx;
}
.indexMptxBox{
  Polsterung: 20rpx;
  Textausrichtung: zentriert;
  Schriftgröße: 24rpx;
}

mpThing.find(Funktion(v){
        var aa = v.Warenzeit;
        var bb = util.dayTimeArr(aa);
        v.Warenzeit = bb
        dass.setData({
         mpDing:mpDing,
        })
        var ref = setzeIntervall(Funktion(){
          aa--
          var timeArr = util.dayTimeArr(aa);
          v.Warenzeit = Ankunftszeit
          dass.setData({
           mpDing:mpDing,
          })
        },1000);
})