Javascript 如何使我的函数在页面运行时立即运行？

我想让一个函数在有人加载我的页面时运行。没有交互性。当有人单击时，该函数正在加载。我还想在1分钟半后进行函数循环。我试着替换window.onload和body.onload的“click”，但正如你可能已经注意到的，现在我是一个真正的javascript乞丐。谁能帮我一下吗。现在我所能做的就是：

//通过向元素添加类来设置元素的动画：
//参数：
//anim：要添加的类名
//时间：动画持续时间（可选，返回到类）
//cb：动画结束后发生的可选回调函数
$.fn.animatecss=函数（动画、时间、cb）{
if（time）this.css（'-webkit transition'，time/1000+'s'）；
这个.addClass（anim）；
如果（$.isFunction（cb））{
setTimeout（函数（）{
//确保该元素在回调中可用。
美元（本）。每个（cb）；
}，（时间）？时间：5000）；
}
归还这个；
};
$（文档）.ready（函数（）{
$（'.box'）单击（函数（）{
$（此）.animatecss（'blur-out'，5000，function（）{
log（'callback'）；
});
});
});
。模糊掉{
-webkit过滤器：模糊（8px）；
-webkit转换：规模（1.4,1.4）；
-webkit过渡：所有5s都可以轻松过渡；
过渡：所有5s都放松下来；
可见性：隐藏；
}
.box{
背景：#fff；
利润率：80px；
填充：20px；
}



参考资料：
如果我理解正确，您希望在页面加载后自动启动动画

删除单击的事件处理程序。为动画保留如下代码：


$（文档）.ready（函数（）{
$（'.box'）.animatecss（'blur-out'，5000，function（）{
log（'callback'）；
});
});这里的意思是：$（'.box'）单击（function（）{$（this）.animatecss（'blur-out'，5000，function（）{console.log（'callback'）；}）；}）；对这是一个很好的开始，因为您现在有一个语法错误UAU！非常感谢：）现在我需要弄清楚如何循环这种行为。强制动画在1'30''后重新开始。我知道这要求太高了，但你能帮我解决这个问题吗？是的，给我一分钟：）这里是一个纯CSS示例。这更好，因为它不依赖JavaScript：
$(document).ready(function() {
    $('.box').click(function() {
        $(this).animatecss('blur-out', 5000, function() {
            console.log('callback');
        });
    });

    // add this line
    $('.box').trigger('click');
});