javascript - 为 jQuery 插件添加回调

Question

我在网站上使用插件 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);

    });

Answer 1

您可以使用 jQuery承诺方法。

它可能看起来像这样

$(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