怎么设置倒计时

23352127

我想做一个倒计时的按钮，进入页面10秒后才能点击，请问要怎样实现呢？

liangyongfei

使用 setInterval 方法 就可以做倒计时！

使用popOver 做一个遮罩 就可以！  10秒后关闭遮罩

23352127

liangyongfei 发表于 2017-10-19 16:42
使用 setInterval 方法 就可以做倒计时！

使用popOver 做一个遮罩 就可以！  10秒后关闭遮罩 ...

但是我要在按钮上可以看到倒数，是要怎样弄呢

23352127

liangyongfei 发表于 2017-10-19 16:42
使用 setInterval 方法 就可以做倒计时！

使用popOver 做一个遮罩 就可以！  10秒后关闭遮罩 ...

Model.prototype.modelLoad = function(event) {
                time = 10;
                _this = this;
                setTimeout("countTime()",1000)
                //countTime();
        }

        function countTime() {
                if (time >= 0) {
                        _this.comp("button1").set({
                                "label" : "剩余" + time + "秒"
                        })
                        time--;
                        setTimeout("countTime()",1000);
                       
                }
        }

setTimeout在wex5不能用的吗？？一直说我的countTime()未定义

23352127

liangyongfei 发表于 2017-10-19 16:42
使用 setInterval 方法 就可以做倒计时！

使用popOver 做一个遮罩 就可以！  10秒后关闭遮罩 ...

Model.prototype.modelLoad = function(event) {
                time = 10;
                _this = this;
                setTimeout("countTime()",1000)
                //countTime();
        }

        function countTime() {
                if (time >= 0) {
                        _this.comp("button1").set({
                                "label" : "剩余" + time + "秒"
                        })
                        time--;
                        setTimeout("countTime()",1000);
                       
                }
        }

setTimeout在wex5不能用的吗？？一直说我的countTime()未定义

liangyongfei

23352127 发表于 2017-10-20 09:30
但是我要在按钮上可以看到倒数，是要怎样弄呢

可以定义一个ＯＫ对象！　表示剩余时间　秒数
setInterval　方法中　一秒执行一次　，修改ｋｏ对象的值，每次递减１即可！

当ｋｏ对象等于０的时候，就结束clearInterval

button 下的span标签bind-text绑定 这个ko对象即可
ko绑定用法
http://doc.wex5.com/data-bind-text/

23352127

23352127 发表于 2017-10-20 10:17
Model.prototype.modelLoad = function(event) {
                time = 10;
                _this = this;

我用setTimeout跟setInterval都会说我方法未定义是什么鬼？？？
Model.prototype.modelLoad = function(event) {
                time = 10;
                _this = this;
                setTimeout("countTime()",1000)
                //countTime();
        }

        function countTime() {
                if (time >= 0) {
                        _this.comp("button1").set({
                                "label" : "剩余" + time + "秒"
                        })
                        time--;
                        setTimeout("countTime()",1000);
                        
                }
        }

类似这个，用两个方法都不行

liangyongfei

23352127 发表于 2017-10-20 13:42
我用setTimeout跟setInterval都会说我方法未定义是什么鬼？？？
Model.prototype.modelLoad = function(e ...

  setTimeout("countTime",1000); 不要加括号！
setInterval 是定时循环执行的！  
setTimeout  是只执行一次！

建议使用setInterval  ，用自己上网搜下吧！

比如参考
http://docs.wex5.com/wex5-ui-question-list-2104/