主要内容:通过触发事件实现倒计时制作
主要元件:矩形
涉及重点:设计文本内容,修改全局变量值,触发事件
下面为预览效果
效果分析:
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预览效果了。
领取专属 10元无门槛券
私享最新 技术干货