首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Axure通过触发事件制作到计时

主要内容:通过触发事件实现倒计时制作

主要元件:矩形

涉及重点:设计文本内容,修改全局变量值,触发事件

下面为预览效果

效果分析:

1,单击按钮,数值进行倒计。

2,当前数值为0时,按钮文本修改为重新获取验证码

3,再次单击按钮,数值又重新进行倒计。

数值在进行变化,并且初且数值并不在按钮上,所以我们需要有一个对象来保存数值,这里我们选择全局变量:新建全局变量djs,并赋值为10(我们是从10开始倒计,这里可自定义)

所有的操作落点在按钮上,所以按钮的交互如下:

下面是交互梳理:

一,让数值每隔1秒倒计起来

1,添加判断条件,变量值djs,如果>=0

2,修改按钮的文本值为:[[djs]]秒后重新获取

3,等待1000毫秒(1秒钟)时间

4,修改变量djs值为:[[djs-1]],最初djs为10,这里减1,就变成9

5,添加触发事件:触发当前元件的单击时。这里相当于重新执行一次当前对象的单击事件。

二,当数值倒计小于1时

1,双击鼠标单击时,添加一个else if(这里相对第一个条件不成立时(当前djs

2,修改按钮的文本值为:重新获取验证码

三,当按钮内容变成:重新获取验证码时

1,双击鼠标单击时,添加一个else if(这里相对第一个条件不成立时(当前djs

2,修改变量djs值为:10

到这里就可以F5预览效果了。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20210123A0AZ3900?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券