AxurePR11实例-验证码倒计时交互功能JH110001

实例说明:

**说明:**点击图1的【发送验证码】则展示图2的【60s】倒计时,直至【0s】时返回到图1状态

实例原理:

一、首先设置一个全局变量【djs】,默认值=60(可根据自己需要倒计秒数)

二、通过【单击】事件,触发以下动作

1、设置文本(将默认值展示在指定元件中)

2、设置动态面板状态(也就是切换图1和图2的状态。也可以用同一个元件来实现)

3、等待(倒计时以秒为单位)

4、设置变量(这个时候就要让变量值-1)

5、触发事件(这里是做自动循环处理,也就是每秒自动单击事件)

以上就是倒计时循环中,接下来就是要加条件,不然这个事件就会一直循环下去。

条件1:当【djs】变量值>0时,则正常循环中

条件2:当【djs】变量值=0时,则停止循环。

1、设置动态面板状态(循环结束则恢复到图1状态)

2、设置变量值(将变量值恢复到默认值60)

实例教程:

相信小伙伴们了解交互的原理后,操作起来就会得心应手。现在开始实例教程,

1、添加全局变量【djs】

【项目】-》【全局变量】-》点【+号】-》设置【变量名称】和【变量值】

2、新建一个动态面板

设置2个状态,每个状态里放一个元件

3、添加【单击】事件

选中【状态1】的元件,添加【单击】事件,动作【设置文本】目标为状态2的元件,文件值【\[djs]s】

4、添加动作【设置动态面板状态】

5、添加动作【等待】

1000毫秒=1秒

6、添加动作【设置变量值】

目标【djs】值设置为【\[djs-1]】

7、添加动作【触发事件】

目标选择状态1里的元件,下面再选择【单击】事件

8、添加【条件1】

选择【启用用例】-》【添加条件】

弹出用例框后,再选择【添加条件】

下面条件中【变量值】-》选择【djs】变量 -》【>】大于号 -》【文本值】-》【0】

设置完成后点击【确认】即可,以下是条件1设置成功

9、添加【条件2】

继续点击【添加用例】,条件相同,唯一把【>】修改成【=】,设置好后点击【确定】

10、条件2里添加两个动作

第一个动作【设置动态面板状态】,将状态切换到【状态1】

第二个动作【设置变量值】将【djs】变量恢复为60秒默认

以上配置完成后,就可以预览看最终效果

相关推荐
柳叶方舟3 天前
Nature Medicine IF=50.0 | 公众医疗助手LLM可靠性存隐忧:真人交互表现未优于对照组,现有评估基准失效
论文阅读·人工智能·深度学习·交互·健康医疗
dwm888888884 天前
FluidVoice 智能语音交互落地实战指南
交互
人工智能研究所5 天前
GitHub 10k+ Star:用自然语言描述系统,AI 帮你生成可交互架构图
人工智能·github·交互·自然语言·系统架构图·archify
circuitsosk5 天前
构建高可用AI后端服务:REST API设计、数据库交互及异步任务编排经验总结
数据库·人工智能·python·交互·fastapi·数据库连接池·rest api
CDN3606 天前
俄语区跨境站点优化实战:CDN+Nginx 解决 H5 白屏、交互延迟、链路卡顿问题
运维·nginx·交互·h5 加速·nginx 轻交互调优
招风的黑耳8 天前
用Axure打造科技感数据可视化大屏:120+行业模板赋能智慧决策
科技·信息可视化·axure
元岳数字人小元9 天前
数字人开源技术优势解析,助力智能交互普及落地
运维·人工智能·开源·人机交互·交互
math_hongfan11 天前
鸿蒙多模态AI交互高级:图文+语音+手势融合交互/多模态大模型端侧适配/跨模态检索高阶实战
人工智能·学习·华为·交互·语音识别·harmonyos·鸿蒙
头茬韭菜12 天前
5.5 权限交互:渐进式信任的 UI 设计
ui·交互