停止并重置收获's Tick Counter jQuery插件

Stop and Reset Harvest's Tick Counter jQuery Plugin

本文关键字：Tick Counter 插件 jQuery 收获      更新时间：2023-09-26

有人知道如何停止和重置Harvest的Tick计数器jQuery插件吗？我想停止特定号码的计数器，并重置为主要启动号码。

你可以在这里签出我的代码。

HTML标记：

<span class="tick tick-flip tick-promo">5,000</span>

jQuery逻辑：

<script type="text/javascript">
$(document).ready(function () {
    startCounter();
});
function startCounter() {
    $('.tick').ticker({
        delay: 1000,
        incremental: 1,
        separators: true
    });
}
var myCounter = setInterval(function resetCounter() {
    var lsCurrentTick = $('.tick').find('.tick-new').text();
    if (lsCurrentTick > 5010) {
        $.fn.ticker.stop();
    }
}, 1000);
</script>

我必须阅读代码才能弄清楚这一点。这是演示

$(startCounter);
function startCounter() {
    var tickObj = $('.tick').ticker({
        delay: 1000,
        incremental: 1,
        separators: true
    })[0];
    setInterval(function () {
        if (tickObj.value >= 5002) {
            tickObj.stop();
            tickObj.value = 5000;
            tickObj.start();
        }
    }, 1000);
}

如果你觉得勇敢，你可以用Tick.prototype.tick演示

function startCounter() {
    var tickObj = $('.tick').ticker({
        delay: 1000,
        incremental: 1,
        separators: true
    })[0];
    tickObj.tick = (function (tick) {
        return function () {
            var ret = tick.call(tickObj);
            if (tickObj.value > 5002) {
                tickObj.stop();
                tickObj.value = 5000;
                tickObj.start();
            }
            return ret;
        };
    }(tickObj.tick));
}

有一个对股票行情的引用，要重置，你必须进行

ticker[0].stop();
ticker[0].value = 5000;
ticker[0].start();

完整示例

$(document).ready(function () {
    var ticker;
    startCounter();
});
function startCounter() {
    ticker = $('.tick').ticker({
        delay: 1000,
        incremental: 1,
        separators: true,
    });
}
var myCounter = setInterval(function resetCounter() {
    var lsCurrentTick = $('.tick').find('.tick-new').text();
    if (lsCurrentTick > 5003) {
        reset();
    }
}, 1000);
function stop(){
    ticker[0].stop();
}
function reset(){
    ticker[0].stop();
    ticker[0].value = 5000;
    ticker[0].start();
}

这是一个演示

相关文章：