javascript - 如何阻止Jquery countTo在每次滚动页面时刷新

我正在尝试将Jquery countTo插件与一些其他脚本一起使用，这些脚本在我的视口到达网页上的某个点时运行。除了countTo动画即使淡入并结束后在页面上滚动时仍连续运行的事实之外，一切都可以顺利进行。

这是代码。

/* Every time the window is scrolled ... */
$(window).scroll( function(){

    /* Check the location of each desired element */
    $('.hideme').each( function(i){

        var bottom_of_object = $(this).position().top + $(this).outerHeight();
        var bottom_of_window = $(window).scrollTop() + $(window).height();

        /* If the object is completely visible in the window, fade it it */
        if( bottom_of_window > bottom_of_object ){

            $(this).animate({'opacity':'1'},1000);
            jQuery(function($) {
                $('.timer').countTo({
                    from: 1500,
                    to: 3928,
                    speed: 3000,
                    refreshInterval: 50,
                    onComplete: function(value) {
                        console.debug(this);
                    }
                });
            });
        }
    });

});

有什么建议么 ？

最佳答案

$('.timer3').countTo({
    from: 10,
    to: 784,
    speed: 3000,
    refreshInterval: 50,
    onComplete: function(value) {
        console.debug(this);
    }
}, {triggerOnce: true});

triggerOnce：true，仅允许执行一次。

关于javascript - 如何阻止Jquery countTo在每次滚动页面时刷新，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21651526/