我需要使用「Math.floor（Math.random（）」從我的css頁面隨機選擇一種樣式。

我在一個基本的HTML/Javascript類中，我無法弄清楚如何「修改以下JavaScript它挑選樣式類隨機每次它被稱爲之一。」下面的代碼工作，但它不是隨機的。任何建議將是有益的。謝謝你，提前！我需要使用「Math.floor（Math.random（）」從我的css頁面隨機選擇一種樣式。

<html> 

<head> 
<title>HTML and JavaScript</title> 
<link href="capstone.css" rel="stylesheet" type="text/css"></link> 
<script> 
var index = 0; 

function stylize() 
{ 
    index++; 
    if (index > 7) index =1; 
    var s = "myStyle" + index; 
    var e = document.getElementById("MessageText"); 
    e.className = s; 
    setTimeout("stylize()", 1500); 
    return; 
} 
</script> 
</head> 

<body onLoad="stylize()"> 
    <table align="center" border="1" bordercolor="black"> 
    <tr> 
    <td align="center"> 
    <font size="3"><b>STYLE CLASS VIEWER</b></font> 
    </td> 
    </tr> 
    <tr> 
    <td align="center" height="100" width="400"> 
    <div id="MessageText" class="myStyle1"> 
     Hello World Wide Web! 
    <div> 
    </td> 
    </tr> 
    </table> 
</body> 

</html>

我的CSS頁：.....

.myStyle1 {font-family:Impact; color:black; font-size:100} 
.myStyle2 {font-family:Georgia; color:black; font-size:18} 
.myStyl31 {font-family:Tahoma; color:black; font-size:24} 
.myStyle4 {font-family:Verdana; color:black; font-size:48} 
.myStyle5 {font-family:Impact; color:red; font-size:30} 
.myStyle6 {font-family:Marlett; color:green; font-size:65} 
.myStyle7 {font-family:Arial; color:blue; font-size:46} 
.myStyle8 {font-family:Courier Sans MS Bold; color:blue; font-size:60} 
.myStyle9 {font-family:Impact; color:blue; font-size:35} 
.myStyle10 {font-family:Arial Italic; color:blue; font-size:10} 
.myStyle11 {font-family:Times New Roman; color:blue; font-size:50} 
.myStyle12 {font-family:Tahoma; color:blue; font-size:38} 
.myStyle13 {font-family:Verdana; color:white; font-size:30} 
.myStyle14 {font-family:Marlett; color:blue; font-size:70} 
.myStyle15 {font-family:Impact; color:blue; font-size:24} 
.myStyle16 {font-family:Georgia; color:blue; font-size:24} 
.myStyle17 {font-family:Impact; color:blue; font-size:35} 
.myStyle18 {font-family:Georgia; color:black; font-size:12;} 
.myStyle19 {font-family:Arial; color:blue; font-size:20;} 
.myStyle20 {font-family:Tahoma; color:blue; font-size:55}

來源

2013-04-21 MamazMaria

如果你的代碼工作，你需要的是在那裏的隨機函數：

function getRandomInt (min, max) { 
    return Math.floor(Math.random() * (max - min + 1)) + min; 
}

只要做到：

index = getRandomInt(1, 20);

現在你會得到一個隨機數。

來源

2013-04-21 18:24:55 David

謝謝！這工作完美！ – MamazMaria 2013-04-21 18:36:21

我需要使用「Math.floor（Math.random（）」從我的css頁面隨機選擇一種樣式。

回答

相關問題