面向对象编程（随机点名）

    <script type="text/javascript" id="data">
        /*
         张波    李晓新    梅斌    葛培    邓浩良    李文杰    杨浩然     陈泓鑫    曾令禹
         吕英扩   谭精华    林雄     伍雄辉     刘锋    张扬    张钊铭    杨朝政   邓思丽
         叶富雄   李欣仲
         */
    </script>

<script type="text/javascript">
    var data = document.getElementById('data').innerHTML
                                              .replace(/\/\*|\*\//g,' ')
                                              .trim()
                                              .split(/\s+/);
    console.log(data);

    new Assembly(data);

    function Assembly(data){
        this.data = data;
        this.renderData = function(){
            var div = document.createElement('div');
                div.className = 'container';
                this.data.forEach(function(d){
                    var span = document.createElement('span');
                    span.innerHTML = d;
                    div.appendChild(span);
                })
            var btn = document.createElement('button');
                btn.innerHTML = '点名';
                btn.className = 'btn';
                div.appendChild(btn);
            document.body.appendChild(div);
        }
        this.rollcall = function(){
            var btn = document.getElementsByClassName('btn')[0];
            btn.onclick = function(){
                var spans = document.getElementsByTagName('span');
                var timer = null;
                var current = 0;
                clearInterval(timer);
                timer = setInterval(function(){
                    if(current === 1000){
                        clearInterval(timer);
                    }
                    for(var i=0;i<spans.length;i++){
                        spans[i].className = '';
                    }
                    var num = Math.floor(Math.random()*spans.length);
                    spans[num].className = 'current';
                    current += 10;
                },100);
            }
        }
        this.init = function(){
            this.renderData();
            this.rollcall();
        }
        this.init();
    }