jQuery中的math.random函數是一個很有用的函數,它可以生成一個介于0到1之間的隨機數。我們可以利用這個函數來幫我們完成很多有趣的功能。
$(document).ready(function(){ $("button").click(function(){ var randomNum = Math.floor(Math.random() * 10); $("p").text("你生成的隨機數是:" + randomNum); }); });
上面這段代碼使用了math.random函數來生成一個介于0到10之間的隨機數,并且使用了Math.floor()函數來向下取整。最后將生成的隨機數賦值給一個變量,并將其輸出到p標簽中。
除了生成隨機數外,我們還可以利用math.random函數來執行隨機操作。比如在一組元素中隨機選擇一個元素:
$(document).ready(function(){ $("button").click(function(){ var allElements = $("li"); var randomIndex = Math.floor(Math.random() * allElements.length); var randomElement = allElements[randomIndex]; $(randomElement).css("background-color", "yellow"); }); });
上面這段代碼會以隨機順序將li元素的背景顏色改變為黃色。代碼中使用math.random函數隨機生成一個介于0到元素個數之間的整數,將其作為索引值,隨機選擇一個元素,并將其背景顏色改為黃色。
總之,math.random函數是一個十分有用的函數,我們可以在很多項目中使用它來實現一些想象不到的有趣功能。
下一篇純css做的網頁模板