- 本次小練習作一個抽獎程序,頁面中有一個區域顯示中獎人員的編號,在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("");//把數組的每一項靠一塊兒返回
}
複製代碼
var i = 0;//爲了知道如今是第幾秒
var timer = window.setInterval(function(){
i++;
oSpan.innerHTML = getNumber();
if(i ===10){
clearInterval(timer);
timer = null;
}
},1000);
複製代碼