jQuery是一款優秀的JavaScript庫,它包含了豐富的API和插件,能夠大大簡化我們編寫JavaScript代碼的過程。今天我們來談談如何使用jQuery來隨機獲取5個數。
// 生成1-100的隨機整數 function getRandom() { return Math.floor(Math.random() * 100) + 1; } // 生成5個隨機整數 function generateNumbers() { var result = []; while (result.length< 5) { var random = getRandom(); if (result.indexOf(random) === -1) { result.push(random); } } return result; } // 將結果輸出到頁面 var numbers = generateNumbers(); var output = '隨機生成的5個數:'; for (var i = 0; i< numbers.length; i++) { output += numbers[i] + ', '; } $('#output').text(output.slice(0, -2));
以上代碼首先定義了一個函數getRandom(),用于生成1-100的隨機整數。然后再定義一個函數generateNumbers(),利用while循環不斷生成隨機整數,直到結果數組長度達到5為止,保證生成的都是不重復的隨機數。最后將結果輸出到頁面。
在頁面中,我們需要一個用于輸出結果的元素,可以用一個空的p標簽或者div標簽,添加一個具有唯一性的id即可。在jQuery中,我們可以通過$('#id')來選擇該元素并修改其text屬性。
通過以上代碼,我們就可以輕松實現隨機生成5個不重復的隨機整數的功能了。如果需要生成更多或更少的隨機數,只需要修改generateNumbers()函數中的while循環條件即可。