Счетчик Jquery не работает

Question

Счетчик Jquery не работает

0

Я попытался создать счетчик jquery

$.fn.counter = function (num) {
var self = $(this);
for (var i = 1; i <= num; ++i) {
    setInterval(function () {
        self.html(i);
    }, 4000);
}
};

$('div').counter(100);

http://jsfiddle.net/Rdy5B/14/

После загрузки страницы мне нужно увеличить значения в блоке до определенного значения, а затем остановить счетчик. Почему мой код не работает?

truslivii.lev 31 март 2014, в 16:06

Источник

Теги:

jquery

3 ответа

2

Используйте это,

var i=0;
setInterval(function () {
        i++;
    $("div").html(i);
    }, 4000);

Вам не нужно использовать цикл для увеличения счетчика. Поскольку setInterval вызывает многократно, вы можете поместить туда логику для увеличения.

демонстрация

редактировать

var myVar = setInterval(function(){myTimer()},1000);
var i=0;
var num=4;
function myTimer()
{
    i++;
    $("div").html(i);
    if(i==num)
    {
        myStopFunction();
    }
}

function myStopFunction()
{
clearInterval(myVar);
}

Обновленная демоверсия

Anoop Joshi 31 март 2014, в 11:37

0

Мне нужно остановить счетчик после того, как я === Num.
truslivii.lev 31 март 2014, в 13:55

1

Выполняется ваш for и один setInterval будет запущен (потому что он ждет 4 секунды).

Вы можете указать ваш и увеличить i внутри интервала, например:

$.fn.counter = function (num) {
    var self = $(this);
    var i=0;
    var int = setInterval(function () {        
        if (i > num) {
            clearInterval(int)
            return
        }
        i++;
        self.html(i);
    }, 4000);

};

$('div').counter(100);

Демо: http://jsfiddle.net/5MjfT/

Irvin Dominin 31 март 2014, в 11:29

Ещё вопросы

Мне нужно остановить счетчик после того, как я === Num.

Arun P Johny · Accepted Answer · 2014-03-31T11-08-00.000Z

Проблема заключается в неправильном использовании переменной закрытия и setInterval()

$.fn.counter = function (num) {
    var i = 1,
        self = $(this).html(i);
    var interval = setInterval(function () {
        self.html(++i);
        if (i >= num) {
            clearInterval(interval)
        }
    }, 1000);
};

$('div').counter(3);