jquery - FlipClock.js は、カウントダウンが終了したときに画像を表示します

Question

私はFlipClock 1.1aを使用しており、カウントダウンが終了したときに画像を設定し、カウンターを非表示にしたいと考えています。現在、時間切れになると、カウンターは - 時間 (-1 時間、-12 分) に入ります。これどうやってするの？このサイトにはコールバックがほとんどなく、役に立ちません。

Answer 1

彼らは、カウンター停止イベントを含むコードベースでさまざまな例を提供しています。そのため、必要な操作を実行するFlipClockstopのコールバックを使用する必要があります。

 var clock;
    $(document).ready(function() {
        clock = $('.clock').FlipClock(10, {
            clockFace: 'MinuteCounter',
            countdown: true,
            callbacks: {
                stop: function() {
                    // Do whatever you want to do here,
                    // that may include hiding the clock 
                    // or displaying the image you mentioned
                    $('.message').html('The clock has stopped!');
                }
            }
        });
    });

PS

ソースファイル全体をダウンロードした場合は、デモ自体をチェックアウトできます/FlipClock-master/examples/countdown-stop-callback.html