带有setInterval的Jquery函数

时间:2014-03-05 11:53:50

标签: jquery

我试图创建函数来每秒增加div中的数字

$(document).ready(function () {    
$('.number').setInterval(increaseNumber(), 1);

function increaseNumber() {
    var num = $(this).html() + 1;
    $(this).html(num);
}

});

http://jsfiddle.net/UY6Q7/3/

我的代码有什么问题,我该如何解决?

2 个答案:

答案 0 :(得分:2)

删除(),传递函数但不传递返回的结果。

// and the unit is millisecond, if you mean 1 seconds, then it should be 1000
// and setInterval is method form window
window.setInterval(increaseNumber, 1000);

this内的increaseNumber引用window对象,这也是错误的。

要使代码正常工作,您可以查看以下内容:

$(document).ready(function () {    
    window.setInterval(increaseNumber, 1000);

    function increaseNumber() {
        var num = $('.number');
        num.html(+num.html() + 1);
    }
});

And the working demo.

答案 1 :(得分:2)

你可以像这样使用

var num=1;
setInterval(function(){
num++;
$(".number").html(num);
},1000);

DEMO