如何实现一个GIF图显示指定次数

@Entry 
@Component 
struct Page2 { 
  @State isShowImg: boolean = true; 
  @State showTimes: number = 5; 
  private intervalId: number = 0; 
 
  aboutToAppear() { 
    this.showTimer() 
  } 
 
  showTimer() { 
    this.intervalId = setInterval(() => { 
      if (this.showTimes !== 0) { 
        this.isShowImg = !this.isShowImg; 
        this.showTimes -= 1; 
      } else { 
        clearInterval(this.intervalId); 
      } 
    }, 500) 
  } 
 
  aboutToDisappear() { 
    clearInterval(this.intervalId); 
  } 
 
  @Builder 
  showImg() { 
    Image('').width('100%').height(30) 
      .visibility(this.isShowImg ? Visibility.Visible : Visibility.Hidden) 
  } 
 
  build() { 
    Column() { 
      Text('hello world') 
        .width('80%') 
        .height(30) 
        .background(this.showImg()) 
        .onClick(() => { 
        }) 
    } 
    .width('100%') 
    .height('100%') 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.