使用setInterval()和jQuery来更改div内容

时间:2013-12-28 19:28:35

标签: javascript jquery

每2秒钟,我想要改变一些内容。目前,我有:

 setInterval(function() {
    $('.timer').text(3+3);
}, 2000);

但是,它只是将.timer的当前文本替换为数字6。我希望它继续将3+3添加到现有号码,因此6 + 3 + 3

JSFIDDFLE

我正在使用它作为学习练习,所以任何额外的帮助都将受到赞赏。

4 个答案:

答案 0 :(得分:3)

作为3 + 3 = 6,这并不奇怪,如果你想要字符串,那么引用

setInterval(function() {
    $('.timer').text(function(_, txt) {
        return txt + '3';
    });
}, 2000);

FIDDLE

修改

如果您要添加数字,可以执行以下操作:

setInterval(function() {
    $('.timer').text(function(_, txt) {
        return parseInt(txt,10) + 3;
    });
}, 400);

FIDDLE

答案 1 :(得分:0)

据我所知,您想在现有内容中添加3。这是要走的路

setInterval(function() {
    var oldContent = parseInt($('.timer').text(), 10);
    $('.timer').text(oldContent + 3);
}, 2000);

Fiidle

答案 2 :(得分:0)

这里是demo

var count=3;
setInterval(function() {
    $('.timer').text(""+parseInt($('.timer').text())+count);
    count+=3;
}, 400);

答案 3 :(得分:0)

既然你已经指定了6 + 3 + 3我想你有兴趣加6吗? 3 + 3结果6反正?

setInterval(function() {
   var i = +$('.timer').text() ; // + converts the string to int
   i +=6; // add 6 as you have mentioned 3+3
   $('.timer').text(i); // update the inerText
}, 2000);

演示http://jsfiddle.net/Xqnam/5/