定时器

js: 

 data: {
        imga: false,
        imgb: false,
        imgc: false,
        imgd: false,
        imge: false,
        imgf: false
        },
   clound:function(){
    
                setTimeout(() => {
                  this.setData({
                    imga:true
                  })
                }, 1000);
                setTimeout(() => {
                  this.setData({
                    imgb:true
                  })
                }, 1500);
                setTimeout(() => {
                  this.setData({
                    imgc:true
                  })
                }, 2000);
                setTimeout(() => {
                  this.setData({
                    imgd:true
                  })
                }, 2500);
                setTimeout(() => {
                  this.setData({
                    imge:true
                  })
                }, 3000);
                setTimeout(() => {
                  this.setData({
                    imgf:true
                  })
                }, 3500);
                setTimeout(() => {
                  this.setData({
                    imgf:false
                  })
                }, 4000);
                setTimeout(() => {
                  this.setData({
                    imge:false
                  })
                }, 4500);
                setTimeout(() => {
                  this.setData({
                    imgd:false
                  })
                }, 5000);
                setTimeout(() => {
                  this.setData({
                    imgc:false
                  })
                }, 5500);
                setTimeout(() => {
                  this.setData({
                    imgb:false
                  })
                }, 6000);
                setTimeout(() => {
                  this.setData({
                    imga:false
                  })
                }, 6500);
                setTimeout(() => {
                  this.setData({
                    imga:true
                  })
                }, 7000);
                setTimeout(() => {
                  this.setData({
                    imgb:true
                  })
                }, 7500);
                setTimeout(() => {
                  this.setData({
                    imgc:true
                  })
                }, 8000);
                setTimeout(() => {
                    this.setData({
                      imgd:true
                    })
                  }, 8500);
                  setTimeout(() => {
                    this.setData({
                      imge:true
                    })
                  }, 9000);
                  setTimeout(() => {
                    this.setData({
                      imgf:true
                    })
                  }, 9500);
                  setTimeout(() => {
                    this.setData({
                      imgf:false
                    })
                  }, 10000);
                  setTimeout(() => {
                    this.setData({
                      imge:false
                    })
                  }, 10500);
                  setTimeout(() => {
                    this.setData({
                      imgd:false
                    })
                  }, 11000);
                  setTimeout(() => {
                    this.setData({
                      imgc:false
                    })
          },11500)
           setTimeout(() => {
                    this.setData({
                      imgb:false
                    })
          },12000)
          setTimeout(() => {
                    this.setData({
                      imga:false
                    })
          },12500)
      
         
      },

wxml:

<view class="content">
  <image class="clound1"wx:if="{{imga}}" src="../../img/03_m01.png"></image>
  <image class="clound2"wx:if="{{imgb}}" src="../../img/03_m02.png"></image>
  <image class="clound3"wx:if="{{imgc}}" src="../../img/03_m03.png"></image>
  <image class="clound4"wx:if="{{imgd}}" src="../../img/03_m04.png"></image>
  <image class="clound5"wx:if="{{imge}}" src="../../img/03_m05.png"></image>
  <image class="clound6"wx:if="{{imgf}}" src="../../img/03_m06.png"></image>
</view>
<view class ="an" bindtap="clound">点击</view>

wxss:

page {
  background-color: rgb(145, 67, 67);
}

.content {
  width: 500rpx;
  margin: 0px auto;
  margin-top: 200px;
  position: relative;
}

.clound1 {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 0px;
}

.clound2 {
  width: 35px;
  height: 20px;
  position: absolute;
  left: 50px;
}

.clound3 {
  width: 30px;
  height: 20px;
  position: absolute;
  left: 100px;
}

.clound4 {
  width: 25px;
  height: 20px;
  position: absolute;
  left: 150px;

}

.clound5 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 200px;
}

.clound6 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 250px;
}