(function($) {
    var list = $('content').children,
        len = list.length,
        begin = $('begin'),
        index = 0,
        interval = null;

    begin.onclick = function() {
        if (this.running) return;
        this.running = true;
        this.remain = 3000 + Math.random() * 5000;
        interval = setInterval(function() {
            if (begin.remain < 200) {
                begin.running = false;
                alert('你抽中了: ' + list[index].innerHTML);
                clearInterval(interval);
            } else {
                list[index].className = "";
                list[(index + 1) % len].className = "current";
                index = ++index % len;
                begin.remain -= 100;
            }
        }, 100);
    };

    var mm = 3;

    window.fn = function() {
        alert(mm);
    };
    mm += 3;

})(function(id) {
    return document.getElementById(id)
});

在网上看到了这么一段关于九宫格抽奖的代码，其中有不是太理解的地方还望指教，以下是我的理解，如果我的理解有误还望多多指点，谢谢！

已知这是个自执行函数，函数的参数为另一端函数，
那么自执行函数中形参$，和具体代码中获取元素的$是否有关呢（比如：$('begin')）

另外begin.onclick中this应该指向的是begin（也就是$('begin')），那么如何理解this.running、this.remain，running和remain在begin原型上？