小練習3:隨機數字定時生成(抽獎)

  • 本次小練習作一個抽獎程序,頁面中有一個區域顯示中獎人員的編號,在JS中寫一段代碼,要求每隔1秒中隨機建立一個四位的數字(每一位數字的取值範圍0-9),當10秒結束後,結束定時器,最後顯示的四位數字便是中獎的號碼
  • 這次小練習主要完成隨機數的生成和定時部分
  • JS的生成隨機數主要經過Math的random方法得到0-1的隨機數,再經過相乘取整等方法得到想要的隨機數,再經過數組的一系列方法得到返回值。函數以下:
function getNumber(){
        var ary = [];
        while(ary.length<4){
            var cur = Math.round(Math.random()*9);//取出的隨機整數
            if(ary.indexOf(cur) === -1){ //說明數組沒有這一項
                ary.push(cur);
            }
        }
        return ary.join("");//把數組的每一項靠一塊兒返回
    }
複製代碼
  • JS的定時部分函數以下:
var i = 0;//爲了知道如今是第幾秒
    var timer = window.setInterval(function(){
        i++;
        oSpan.innerHTML = getNumber();
        if(i ===10){
            clearInterval(timer);
            timer = null;
        }
    },1000);
複製代碼
  • 最後效果如圖:

相關文章
相關標籤/搜索