Обновление отдельных тегов span, начиная с x секунд

Question

Обновление отдельных тегов span, начиная с x секунд

0

У меня есть несколько тегов , содержащих секунды.
Пример:
27
58

Я пытаюсь увеличить их на 1 секунду каждый раз, но у меня возникают некоторые трудности, а именно, он помещает неправильные данные в теги .

Я должен делать что-то неправильно, ниже код, который я пытаюсь использовать.
Это должно быть неправильно и полно ошибок, но хорошо, я все еще пытаюсь это изучить ;-)

function timer() {
    var self = $(this);
    var idx  = $("span.timeout");
    var sec = parseInt(self.find('span.timeout').text())
    var interval = setInterval(function() {
        idx.each(function() {
            idx.text(sec++)
        });
    }, 1000);
}

Заранее спасибо,
Роберт.

Robert de Jonge 24 сен. 2013, в 21:45

Источник

Теги:

jquery

1 ответ

Ещё вопросы

PSL · Accepted Answer · 2013-09-24T17-05-00.000Z

Вы хотите сделать это так:

function timer() {
    var self = $(this);
    var idx = $("span.timeout");
    //console.log(self.find('span.timeout').text()); //gets you nothing
    var interval = setInterval(function () {
        idx.text(function (_, txt) { //use .text()
            return parseInt(txt, 10) + 1; //convert the current text to int and increment it.
        });
    }, 1000);
}

скрипка

Ваша проблема здесь: var sec = parseInt(self.find('span.timeout').text()) сам это ничего, кроме окна в вашем случае, и вы пытаетесь найти в них var sec = parseInt(self.find('span.timeout').text()) и получать его текст. Что вам ничего не дает, и вы делаете parseInt ни на что, что вы получаете NAN а затем используете его для вычисления, что неверно. Таким образом, вы можете использовать обратный вызов текстовой функции и получать текущее текстовое значение этого диапазона, а затем возвращать обновленное значение для этого диапазона.

Добавление пояснения $ ("span.timeout") Возвращает коллекцию, не являющуюся единственным элементом, вам нужно перебрать их, используя .each ():
Старый добрый ответ с кодом сначала отредактируйте, чтобы объяснить позже :)
@PatsyIssa хорошо, вам не нужно использовать каждый, потому что .text всегда использует .each под
Продолжайте вносить изменения = D
@PatsyIssa Пока ответ объясняет все, я не думаю, что это проблема, где код и объяснение. И хорошо редактировать средство там для ЦЕЛИ .. :)
@PatsyIssa ну и твой первый комментарий здесь тоже ужасно неправильный ... Это не его проблема вообще ...
Спасибо, что ответили так быстро, я не знаю, могу ли я спросить здесь, или мне нужно задать новый вопрос, но как мне преобразовать секунды в m:ss ? например 0:42 или 2:42. Спасибо, Роберт.