js點名器效果

wensongyu發表於2013-01-16
JS

<!DOCTYPE html>
<html>
    <head>
        <title>點名器效果</title>
        <style>
            body{text-align:center;}
            #showName{
                font-size:20px;
                color:red;
                font-weight:bold;
                width:200px;
                height:35px;
                margin:0px auto;
                text-align:center;
            }
        </style>
    </head>
    <body >
        <div id=”showName”></div>
        <a href=”javascript:start()”>開始</a>
        <a href=”javascript:stop()”>結束</a>
    </body>
    <script>
        var sn=document.getElementById(“showName”);
        var arr=new Array();
        var s=0;
        var time;
        
        //初始化陣列
        function init(){
            //alert(sn.innerHTML); //顯示內容包括標籤
            //alert(sn.innerText); //顯示內容不包括標籤
            sn.innerHTML=”這裡顯示名字”;
            for(var i=0;i<100;i++){
                arr[i]=”曲明超”+i;
            }
        }
        
        //顯示執行
        function run(){
            //alert(s);
            sn.innerHTML=arr[s];
            
            if(s<arr.length-1){
                s=s+1;
            }else{
                s=0;
            }
        }
        
        //開始
        function start(){
             time=setInterval(“run()”,100);
        }
        
        //暫停
        function stop(){
            clearInterval(time);
        }
        
        //初始化
        init();
    </script>
</html>


相關文章