Question

我是一名PHP开发人员，我想让FlipClock的初始值变得轻松自如。我认为可以通过以下方式完成：

使clock.incerement()的间隔值灵活，基于当前值与初始值的接近程度。
当前值等于初始值时休息。

我改变了这段代码：

var clock;
var initial = 5000;

$(document).ready(function() {

    clock = new FlipClock($('.clock'), 0, {
        clockFace: 'Counter',
    });
    setTimeout(function() {
        setInterval(function() {
            if(clock.getTime().time >= initial) {
                clock.stop();
            } else {
                clock.increment();
            }
        }, 100);
    });
});

到这一个：

var clock;
var initial = 5000;

$(document).ready(function() {

    clock = new FlipClock($('.clock'), 0, {
        clockFace: 'Counter',
    });
    setTimeout(function() {
        setInterval(function() {
            if(clock.getTime().time >= initial) {
                clock.stop();
            } else {
                clock.increment();
            }
        }, function() {
            if ((initial - clock.getTime().time) > 1000) {
                return 1;
            } else if ((initial - clock.getTime().time) > 100) {
                return 10;
            } else {
                return 1000;
            }
        });
    });
});

但没有奏效。我该怎么办？！

谢谢。

Answer 1

间隔值应该是以毫秒为单位的时间，而不是函数。另一种方法是你计算超时值是这样的

setTimeout(function(){
        var x = CalculateCurrentInterval(clock);
        setInterval(function() {
        if(clock.getTime().time >= initial) {
            clock.stop();
        } else {
            clock.increment();
        }
    }, x);
 })

var CalculateCurrentInverval = function(clock) {
        if ((initial - clock.getTime().time) > 1000) {
            return 1;
        } else if ((initial - clock.getTime().time) > 100) {
            return 10;
        } else {
            return 1000;
        }
}

我没有尝试过，但它应该有用。

问题是您正在发送预期数字的功能

FlipClock.js：轻松到初始值

1 个答案: