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秒默认

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

相关推荐
xingxiliang2 天前
AI 智能耳机 / IoT 穿戴设备语音交互评测体系
人工智能·物联网·交互
Tangyuewei2 天前
交互熵:AI 编程工具的下一站不是聪明,是靠谱
人工智能·交互
小龙报3 天前
远控功能哪个全?2026六款远控横评实测
实时互动·音视频·交互
qizayaoshuap3 天前
# 评分器组件开发实战:HarmonyOS ArkTS 五星评分交互应用解析
华为·交互·harmonyos
lialaka3 天前
「原味厨房(The Culinary Lab)」——全语音 3D AI 具身交互智能私人主厨与沉浸式烹饪陪伴交互舱
人工智能·交互
木木子223 天前
# 猜数字游戏 — HarmonyOS交互逻辑与随机算法实现
算法·游戏·华为·交互·harmonyos
qizayaoshuap3 天前
# 随机密码生成器 — HarmonyOS数据绑定与字符串处理实践
算法·游戏·华为·交互·harmonyos
木木子223 天前
# 计算器应用 — HarmonyOS Grid布局与交互逻辑深度解析
华为·交互·harmonyos
zandy10114 天前
体验家 XMPlus 问卷答题体验优化与完成率提升引擎:从交互设计到行为心理学的工程化实践
windows·microsoft·交互