为什么有两个setTimeout，分别是什么意思？

Question

var fade = function (node) {        var level = 1;        var step = function () {            var hex = level.toString(16);            node.style.backgroundColor = "#FFFF" + hex + hex;            if(level < 15) {                level += 1;                setTimeout(step, 100);            }        };        setTimeout(step, 100);    };    fade(document.body);定义一个函数，它设置一个DOM节点为黄色，然后把它渐变为白色

Answer 1

var fade = function (node) {

        var level = 1;

        var step = function () {

            var hex = level.toString(16);

            node.style.backgroundColor = "#FFFF" + hex + hex;

            if(level < 15) {

                level += 1;

                setTimeout(step, 100);//递归执行step，使颜色发生变化。level==15时递归结束。

            }

        };

        setTimeout(step, 100);//100毫秒之后执行step函数，这是node节点颜色变化的启动触发入口

    };

    fade(document.body);