0

ウェブサイトのタイマーに kkcountdown プラグインを使用しています。

タイマーが設定されていない場合、ページの読み込み中にちらつきが発生するため、css でタイマーを非表示にし、jQuery が実行されてタイマーが設定されたときにフェードインしたいと考えています。

これが私が今やろうとしていることです。

私はjQueryキュー関数を見てきましたが、これでもうまくいきませんでした。

    $(".kkcount-down").kkcountdown({

        dayText : 'DAY ',
        daysText : 'DAYS<br>',
        hoursText : ' ',
        minutesText : ' ',
        secondsText : 'HOURS',
        displayZeroDays : false,
        oneDayClass : 'one-day'

    }, function(){

         $('#countdown').fadeTo(500, 1);

    });
4

1 に答える 1

0

jQuery promiseメソッドを使用できます。

それはこのように見えるかもしれません

$(document).ready(function() {

$(".kkcount-down").kkcountdown({

        dayText : 'DAY ',
        daysText : 'DAYS<br>',
        hoursText : ' ',
        minutesText : ' ',
        secondsText : 'HOURS',
        displayZeroDays : false,
        oneDayClass : 'one-day'

    });

$( ".kkcount-down" ).promise().done(function(){
$('#countdown').fadeTo(500, 1);
});

});

/ **これがうまくいかなかったように見える**/
fadeTo に遅延を追加すると、kkcountdown を開始できるようにしたい効果が得られます。私の意見では、1 秒の遅延はエンド ユーザーにはあまり影響しませんが、見た目がすっきりします。したがって、jQueryは

$(document).ready(function(){

    // custom mod on line 92 by Roko C. Buljan & C Grimshaw-Jones
    $(".kkcount-down").kkcountdown({

        dayText : 'DAY ',
        daysText : 'DAYS<br>',
        hoursText : ' ',
        minutesText : ' ',
        secondsText : 'HOURS',
        displayZeroDays : false,
        oneDayClass : 'one-day'

    });


    $('#countdown').delay(1000).fadeTo(500, 1);

});

JSFIDDLE

于 2013-07-18T02:14:45.310 に答える