ドキュメント<br>.list {<br> margin: 50px auto;<br> padding: 0;<br> list-style-type: none;<br> width: 300px;<br> Position:relative;<br>} <br>.list li { <br>位置:絶対;<br>境界線:1pxソリッド#000;<br>幅:98px;<br>高さ:98px;<br>text-align:center;<br>line-height:98px;<br>font-size:20px;<br>}<br>.list li :nth-of-type(1){<br> 左: 0;<br> 上: 0;<br>}<br>.list li:nth-of-type(2){<br> 左: 100px;<br> 上: 0;<br>}<br>。 list li:nth-of-type(3){<br>左:200px;<br>上:0;<br>}<br>.list li:nth-of-type(4){<br>左:200px;<br>上:100px;<br>} <br>.list li:nth-of-type(5){<br> 左: 100px;<br> 上: 100px;<br>}<br>.list li:nth-of-type(6){<br> 左: 200px;<br> 上: 200px; <br>}<br>.list li:nth-of-type(7){<br> 左: 100px;<br> 上: 200px;<br>}<br>.list li:nth-of-type(8){<br> 左: 0px;<br> 上: 200px;<br>}<br>.list li:nth-of-type(9){<br> 左: 0px;<br> 上: 100px;<br>}<br>.list スパン {<br> 表示: ブロック;<br> 高さ: 100%;<br> 背景: # ccc;<br>}<br>.list .show {<br> 背景: #f60;<br> カラー: #fff;<br>}<br><br>window.onload = function( ){<br> var spans = document.querySelectorAll('span');<br> var a = document.querySelector('a');<br> var nub = 5;<br> var timer = 0;<br> a.onclick = function(){<br> var target = [0,1,5,2,7];<br> var length = (Math.round(Math.random()*4) + 2)*spans.length+1+target[Math.floor(Math.round(Math.random()*4) + 2)ランダム()*ターゲット.長さ)];<br> var arr = [];<br> var now = 0;<br> var late = 50;<br> console.log(length);<br> for(var i = 0;私は＜長さ; i++){<br> arr.push(i);<br> }<br> setShow();<br> function setShow(){<br> timer = setTimeout(function(){<br> for(var i = 0; i <spans.length i></spans.length>spans[i].className = "";<br> }<br>spans[arr[now]%spans.length].className = "show";<br>now++;<br> //递归终条件止<br> if(now < arr.長さ){<br/> 遅延 += 10;<br/> setShow();<br/> }<br/> },遅延);<br/> }<br/> };<br/>}; <br/> 三等奖 谢谢惠顾 三等奖 二等奖 开始拍奖 一等奖 谢谢惠顾 二等奖 三等奖 < /ul>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
