今天主要介紹利用文本框OnTextChange（文本改變）事件制作倒計時交互效果。

我們先看下成品效果：

制作步驟如下

1. 準備所需部件：矩形框、 動態面板

（1）矩形框：矩形框輸入文字“請輸入手機驗證碼”；邊框、字體均設為灰色

（2）動態面板：共三個狀態，三個狀態具體設置如下

2.設置動態面板-huoqu-矩形框的點擊事件OnClick:

（1）設置點擊后動態面板狀態到“daojishi”

（2）設置動態面板“daojishi”的文本控件num文本為“10”【說明：num默認為11，當為10時，可觸發文本框的OnTextChange事件】

動態面板"huoqu"的點擊事件

設置num文本內容為10

3.設置動態面板“huoqu”狀態“num”文本框的OnTextChange事件

（1）當num大于0，每隔一秒（wait 1000毫秒），num的顯示文本自動減1

（2）當num等于0，設置動態面板狀態到“chonghuo”

動態面板“huoqu”狀態“num”文本框的OnTextChange事件

當num文本大于0

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?設置文本框顯示內容自動減1

4.設置動態面板“chonghuo”中矩形框的點擊事件：

（1）點擊后動態面板狀態切換到“daojishi”

（2）設置文本框num的文本為“10”【說明：此時num從0改為10，可觸發文本框的OnTextChange事件】

5.F5預覽查看吧！