<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>抽奖</title> <style> td{ border: solid; width: 50px; height: 50px; text-align: center; } #go{ cursor: pointer; background: red; } .tion{ background: blue; } </style> </head> <body> <table> <tr> <td class="tion">1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>12</td> <td rowspan="2" colspan="2" id="go">go</td> <td>5</td> </tr> <tr> <td>11</td> <td>6</td> </tr> <tr> <td>10</td> <td>9</td> <td>8</td> <td>7</td> </tr> </table> </body> <script> var td = document.getElementsByTagName("td"); var go = document.getElementById("go"); var arr=[]; var num=0; var rod=24+parseInt(24*Math.random()) for(var i=0;i<td.length;i++){ for(var j = 0;j<td.length;j++){ if(i+1 == td[j].innerHTML){ arr[i]=j console.log(arr[i]); } } } go.onclick= function () { for(i=0;i<rod;i++) { setTimeout(function () { for (j = 0; j < td.length; j++) { td[j].className = "" } td[arr[num % 12]].className = "tion"; num++ }, 200 * i) } } </script> </html>
随机抽奖
最新推荐文章于 2024-04-03 01:16:53 发布