模拟发送验证码60秒倒计时

新人帖
2021-11-26 18:07:47
27912
本帖最后由 sakuraheH 于 2021-11-26 18:07 编辑

现在很多地方都用到了发送验证码60秒倒计时,时间到了就需要重新发送,这个功能在云表该如何实现呢?
首先定义一个按钮 企业微信截图_16379176134411.png 在填表公式对这个按钮添加一个单元格按钮单击事件对这个按钮进行赋值
企业微信截图_16379180742941.png
时间为60秒 。然后再新建一个定时器
企业微信截图_16379169772316.png
设置定时器的时间间隔为1秒,添加公式对发送验证码进行赋值,每触发一次定时器,时间-1
企业微信截图_16379183259087.png
回到发送验证码的单元格单击事件中新建一个控件属性,添加一个定时器,点击按钮后,启动定时器
企业微信截图_16379184856583.png
点击按钮之后,倒计时就开始了,但如果不设置条件的话它会一直-1,这时候我们就需要设置条件让它到0的时候定时器关闭。在值变化中再建一个定时器 企业微信截图_16379188232642.png
条件设置为时间=0的时候停止定时器,这样一个60秒倒计时的定时器就做出来了,但平常我们在发送验证码的时候时间到了就会显示一个重新发送,这个时候我们需要做一个
值变化让时间=0的时候对按钮进一个赋值
企业微信截图_16379190694969.png
这样一个发送验证码的功能就做出来了,但是在发送的过程中如果点击了按钮它就会重新开始倒计时,如果我们想让它在倒计时的过程中点击按钮不会重新开始计时该怎么办?这个时候我们就要让它在倒计时的过程中进行锁定。在值变化话中添加另一个控件属性锁定样式
企业微信截图_16379195882328.png
选择对应的数据项
企业微信截图_16379196176254.png
条件设置为时间不等于0的时候进行锁定
企业微信截图_16379194338546.png
锁定之后倒计时的时候点击按钮就不会重新开始了。倒计时完成之后还需要解锁,在值变化运行定时器的下面再设置一个解锁单元格样式 企业微信截图_16379203909483.png
这样一个完整的验证码倒计时就做出来了。


+16

最近谁赞过

3人收藏
2 条回帖
黄磊云师2021-11-27 11:18:14
有意思的功能,谢谢楼主分享。
+10
乐于助人云道2021-11-29 09:20:09
路过围观学习
+10
需要登录后才可进行回复 登录

玩转云表从入门到精通
扫码添加微信立即领取

·云表创始人授课文件
·加入社群与培训学习
·切磋云表开发玩法

商务咨询:0756-3335860
客服咨询