AS3基础教程-第57课-计时器小程序(下)

2025-05-24 10:28:38

1、将我们的56.fla文件复制一份重命名为57.fla,然后打开这个文件

2、首先,需要将舞台上的动态文本的属性修改为 输入文本,只有这样,才可以实现输入的目的。

AS3基础教程-第57课-计时器小程序(下)

3、然后,我们需要限制用户输入的字符,只能是数字。这里有两种解决方案:一是通过代码旅邯佤践进行限制,二是在属性面板内进行限制。这里我们使用第二种方案,在属性面板内进行限制,如下图所示进行设置即可

AS3基础教程-第57课-计时器小程序(下)

4、接下来,我们需要对输入字符的个数进行限制,因为中间牵扯到一个 冒号 ,将分钟和秒钟给隔开。用户不一定能按照我们的设定来,因此,最好这样:将分钟和秒钟分开,制作成两个单独的输入文本,中间的冒号我们制作成一个单独的静态文本。然后给两个输入文本分别重新设置实例名为fenzhong_txt 和miaozhong_txt并分别在属性面板内限定字符的个数为2,如下图所示:

AS3基础教程-第57课-计时器小程序(下)

5、至此,准备工作已就绪。接下来就是代码编写了。

6、首先将上节课内的 动态文本的赋值 都给重新编写一下,因为之前的文本框是一个整体,但是现在我们将其拆分为两部分了:

AS3基础教程-第57课-计时器小程序(下)

7、接下来,就是将用户输入的数值转换成时间值。由于是用户单击了“开始”按钮之后再计时的,所以将时间的赋值放在开始按钮的响应函数内

AS3基础教程-第57课-计时器小程序(下)

8、测试影片,效果已经出来了

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢