中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

javascript隨機抽簽程序

2018-07-20    來源:open-open

容器云強勢上線!快速搭建集群,上萬Linux鏡像隨意使用
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>抽簽程序</title>  
    <style type="text/css">  
    html, body{  
        padding:0px; margin:0px; font-size:12px;  
    }  
    body{  
        margin:50px;  
    }  
    #result{  
        height:20px; margin-bottom:10px;  
    }  
    #result div{  
        float:left; border:1px solid #006699; color:#c00; width:24px; height:20px; line-height:20px;  
        margin-right:15px; text-align:center;  
    }  
    #control div{  
        float:left; width:24px; height:20px; line-height:20px; border:1px solid #008800; color:#c00;  
        margin-right:20px; text-align:center;  
    }  
    </style>  
    <script type="text/javascript">  
    var arrData = [], timerID = 0;  
    <!--隨機的范圍>  
    for(var i = 1; i <=5; i++){  
        arrData[i - 1] = i;  
    }  
    function $(id){  
        return document.getElementById(id);  
    }  
    function Start(btn){  
        if(timerID > 0){  
            clearInterval(timerID);  
            timerID = 0;  
        }  
        if(arrData.length < 1){  
            alert("沒有數(shù)據(jù)了!");  
            return;  
        }  
        if(btn.value == "開始"){  
            timerID = setInterval(function(){  
                $("num").index = parseInt(Math.random() * (arrData.length));  
                $("num").innerHTML = arrData[$("num").index];  
            }, 30);  
            btn.value = "暫停";  
        }else{  
            var div = document.createElement("div");  
            div.innerHTML = $("num").innerHTML;  
            $("result").appendChild(div);  
            arrData.splice($("num").index, 1);  
            btn.value = "開始";  
        }  
    }  
    window.onload = function(){  
        $("btnStart").focus();  
    };  
    </script>  
    </head>  
      
    <body>  
    <div id="result"></div><div style="clear:both; float:none"></div>  
    <div id="control">  
        <div id="num">0</div>  
        <input type="button" id="btnStart" value="開始" onclick="Start(this)" />  
    </div>  
    </body>  
    </html>  

顯示效果如下:可以將制定范圍的數(shù)字不重復(fù)的輸出。

標簽:

版權(quán)申明:本站文章部分自網(wǎng)絡(luò),如有侵權(quán),請聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請與原作者聯(lián)系。

上一篇:php實現(xiàn)二分查找算法

下一篇:php時間比較函數(shù),返回兩個日期相差幾秒、幾分鐘、幾小時或幾天