小程序实现three,two,one,go倒计时

其实很简单，和时分秒、获取验证码倒计时类似（其实比他们都简单）
描述：three,two,one,go为四张图片，即一秒切换一张图，四秒后显示其他内容

核心代码：
js

var interval;//声明定时器
Page({
	data: {
	    countdownImg:["go.png","one.png","two.png","three.png"],//所有图片
	    comeImg:"",//当前图片
	    imgUrl:'/assets/img/redRain/',//图片路径前缀
	    showRed:false,//其他内容默认不展示
	 }
	 onLoad: function() {
	    let _this = this;
	    _this.threenTwoOneGo();
	 },
	 threenTwoOneGo: function () {
	    var that = this;
	    var time = 4;
	    var imgArr = that.data.countdownImg;
	    interval = setInterval(function () {
	      if(time>0){
	        time--;
	        that.setData({
	          comeImg:imgArr[time],
	        })
	      }else{
	        clearInterval(interval);//注意清除定时器
	        that.setData({
	          showRed:true,
	        })
	      }
	    }, 1000); 
	 }
 })

wxml

<view wx:if="{{showRed}}>倒计时结束展示内容</view>
<image src="{{imgUrl + comeImg}}" style="height:150rpx;margin:60rpx auto" mode="aspectFit wx:else></image>

css略