如何在再次调用之前等待函数完成执行

Question

我有功能：

<script>
    function func(i){
       $("."+i).html("<h1>this is sample</h1>");
    }
</script>

身体的另一个地方我必须称之为

<script>    
    while(i<10){
       func(i);
       i++;
    }
</script>

现在我想要的是每次完成执行时调用的函数但我找不到方法。我无法从函数体调用函数，因为我有变量从函数体传递调用正在改变的函数。