JavaScript之一个简单的loading效果

一个简单的loading效果，用四个符号(-、\、|、/) 来模拟一个不断旋转的小东东，以提示用户当前正在载入中，ArcLive 上为玩家建立连线时便是这样显示的，呵呵。效果如下：

载入中...  

function easy_loading(id) {
var symbol = ['-', '\\', '|', '/'], 
        elem = document.getElementById(id),
        i = 0;
    (function __func() {
        elem.innerHTML = symbol[i++ % 4];
        setTimeout(__func, 200);
    })();
}
easy_loading('loadin');

为了避免可能出现的阻塞浏览器线程的情况，这里用setTimeout 代替了setInterval。