2

特定のカウントに達した後、FlipClock.js を停止させるのに問題があります。" " 呼び出しを使用してみましたclock.stop();が、何度も「停止」番号を設定しようとしても機能しません。これは、カウンターで機能するコードです。

<script type="text/javascript">
    var clock;

    $(document).ready(function() {

        // Instantiate a counter
        clock = new FlipClock($('.clock'), {
            clockFace: 'Counter',
            minimumDigits: 4,
        });

        setTimeout(function() {
            setInterval(function() {
            clock.increment();
        }, 0.1);        
        });             
    });
</script>

カウンターを「300」で停止するように設定する方法についてのアイデアはありますか? どんな助けでも大歓迎です！

4

2 に答える 2

5

編集: FlipClock コールバックが呼び出されていない

FlipClock コールバックにバグがあるようです。

別の解決策は次のとおりです（余分なコードがたくさんあるようですが、理由はわかりません。これは縮小版です）：

    var clock,countup;
    clock = new FlipClock($('h1'), {
        clockFace: 'Counter',
        minimumDigits: 4
    });


    countup = setInterval(function() { 
     if(clock.getTime().time > 300) {
       clock.stop();
       clearInterval(countup);
     }
    },500);

コールバックに関するドキュメントについては、flipclockjs.com を確認してください。

次に例を示します。

        var clock,countup;

        clock = new FlipClock($('.clock'), {
            clockFace: 'Counter',
            minimumDigits: 4,
            callbacks: {
             interval: function() {
               var time = clock.getTime().time;
               if(time > 300) { clearInterval(countup); }
             }
            }
        });

        setTimeout(function() {
         countup = setInterval(function() { clock.increment(); }, 0.1);        
        });
于 2014-07-30T14:30:09.543 に答える
3

あなたはアダムを揺るがします...これが最終的に機能したものです...

var clock,countup;
        clock = new FlipClock($('.clock'), {
            clockFace: 'Counter',
            minimumDigits: 4,
        });

countup = setInterval(function() {
    clock.increment();
        if(clock.getTime().time > 300) {
        clock.stop();
        clearInterval(countup);
        }     
}, 0);
于 2014-07-31T03:15:09.070 に答える