起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1858|回复: 4

[处理中3] 有没有关于倒计时的组件?

[复制链接]

3

主题

7

帖子

71

积分

初级会员

Rank: 2

积分
71
QQ
发表于 2018-1-15 09:18:23 | 显示全部楼层 |阅读模式
点击获取验证码按钮时,怎样显示倒计时?
如下:
360桌面截图20180115091547.jpg

22

主题

598

帖子

2109

积分

金牌会员

Rank: 6Rank: 6

积分
2109
QQ
发表于 2018-1-15 09:58:23 | 显示全部楼层
自己写

参考网易登录
【接活】APP 公众号 小程序 前后端带管理系统全套搞定
联系QQ:646105064 剑客共享  
欢迎用x5开发的朋友进群探讨!WeX5/BeX5民间一群:30057529  二群:211206160
回复 支持 反对

使用道具 举报

53

主题

928

帖子

1730

积分

金牌会员

Rank: 6Rank: 6

积分
1730
发表于 2018-1-15 10:35:39 | 显示全部楼层
本帖最后由 doudou459 于 2018-1-15 10:43 编辑

我把我写的 给你····

承接wex5开发web项目、微信页面等;
低费用进行零散功能开发(java、JS、微信各种接口、阿里云接口等)
QQ:459349489
回复 支持 反对

使用道具 举报

53

主题

928

帖子

1730

积分

金牌会员

Rank: 6Rank: 6

积分
1730
发表于 2018-1-15 10:51:01 | 显示全部楼层
先定义一个全局变量  在JS顶部  像这样
        var Model = function(){
                this.callParent();
         this.time =justep.Bind.observable(0);
        };
然后在你的显示计时的组件  比如output 的bind-text中绑定这个全局变量   $model.time.get()

然后在你触发计时的方法中写  以下代码
                            var runTime = 60;//这里填多少,就从多少开始计时
                        var me = this;
                        this.time.set(runTime);
                        var count = window.setInterval(function() {
                           var time = me.time.get();
                                me.time.set(time-1);//每秒减1
                        }, 1000);
                        window.setTimeout(function() {
                                window.clearInterval(count);
                        }, runTime*1000+1000);//减到0就停止
承接wex5开发web项目、微信页面等;
低费用进行零散功能开发(java、JS、微信各种接口、阿里云接口等)
QQ:459349489
回复 支持 反对

使用道具 举报

发表于 2018-1-15 16:39:03 | 显示全部楼层
可以参考案例
/UI2/system/components/justep/timer/demo/demo.w
有个timer组件可以使用
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-4-28 08:50 , Processed in 0.066824 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表