javascirpt延迟执行,该如何解决 _JavaScript

javascirpt延迟执行
在一个for循环里面,javascript不断向页面添加东西,我想让他每当添加50个的时候,就让他暂停5秒,然后再执行.用什么方法好一些

------解决方案--------------------
貌似会卡死吧，要不用定时器，每添加50个，启动计时器，接着添加..
------解决方案--------------------

JScript code


window.onload = function () {
    test();
}
var counter=0;
function test()
{
    for (var i=0;i<5;i++)
    {
        var spn=document.createElement("span");
        spn.innerHTML=counter++;
        document.getElementById("odiv").appendChild(spn);
    }     
    setTimeout(test,3000);
}