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