设置Interval无法在页面加载后检查值

Question

我有一个页面，其中图像标记内的src是不同的，直到整个页面加载。例如，在页面加载之前，图像的src是data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==，当页面加载完全时，它变为example-300px.jpg。我正在使用设置间隔检查当值不是data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==时，然后获取该值并在不同的类img中更改它。但它显示错误rangeerror maximum call stack size exceeded。

jQuery( document ).ready(function() {
setInterval(to_check_if_things_work(), 5000);
});

function get_magic_to_work()
{
    var main_magic=jQuery("img.attachment-shop_single").attr("src");
    if(main_magic=="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
    {
        setInterval(to_check_if_things_work(),4000);
    }
    else
    {
        alert(main_magic);
        jQuery(".attachment-shop_single").parent(".sxy-zoom-container").find(".inner-thumb").attr("src",main_magic);        
    }   
}
function to_check_if_things_work()
{
       var main_magic=jQuery("img.attachment-shop_single").attr("src");
    if(main_magic=="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
    {
        setInterval(get_magic_to_work(),5000);
    }   

}