替换30张图像,然后停止

我没有编码一段时间所以我需要问这个愚蠢的问题:

我在网页上有一个带有以下src的图像:"images/santa/1.jpg"

每隔250毫秒,"1.jpg"应该替换为"2.jpg","3.jpg"等等,直到30,然后停止,然后它应该触发功能"谢谢",这还没有定义.我做错了什么？

var theSanta = $('div#main img#theSanta');  

        //case 1: theSanta.attr('src', 'images/santa/1.jpg');

 setInterval(function() {

    for(var i=1; i<31; i++) {
        theSantaSrc = 'images/santa/' + i + '.jpg';
        theSanta.attr('src', theSantaSrc);
    }
}, 500);

}