diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.gif b/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a541825021a019e5991de1f5298317b33d5e72c2
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.png b/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.png
deleted file mode 100644
index 7d8b74289c00f8d8cc8e53482a96bf3281c841e3..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.png and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textclock.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textclock.md
index 2f7c7837c47520502399310b72635c055dc7ee88..272c1f636739a57b36e56f8acf725f1e56b41975 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textclock.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textclock.md
@@ -100,5 +100,5 @@ struct Second {
   }
 }
 ```
-![text_clock](figures/text_clock.png)
+![text_clock](figures/text_clock.gif)