settimeout 추첨 룰렛 구현

이 단락 코드는 고정된 위치에서 시작하여 무작위 수를 생성하여 임의의 위치에서 시작할 수도 있고 터치 요청을 클릭하여 백엔드에서 데이터를 전송하여 정지 시간을 결정할 수도 있다

"en">

"UTF-8">
"viewport" content="width=device-width, initial-scale=1.0">
"X-UA-Compatible" content="ie=edge">





class="box">

class="prize prize-1">   
class="prize prize-2">   
class="prize prize-3">   
class="prize prize-8">    
class="start">    
class="prize prize-4">   
class="prize prize-7">   
class="prize prize-6">   
class="prize prize-5">   


"</span><span style="color: #800000;">https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js</span><span style="color: #800000;">"</span>>
"</span><span style="color: #800000;">text/javascript</span><span style="color: #800000;">"</span>><span style="color: #000000;">
$(function () {
</span><span style="color: #0000ff;">var</span> speed = <span style="color: #800080;">100</span><span style="color: #000000;">;
</span><span style="color: #0000ff;">var</span> now = <span style="color: #800080;">1</span>
<span style="color: #0000ff;">var</span> end = <span style="color: #800080;">5</span><span style="color: #000000;">
$(</span><span style="color: #800000;">'</span><span style="color: #800000;">.start</span><span style="color: #800000;">'</span><span style="color: #000000;">).click(function () {
time()
change()
})
function change() {
$(</span><span style="color: #800000;">'</span><span style="color: #800000;">.prize</span><span style="color: #800000;">'</span>).removeClass(<span style="color: #800000;">'</span><span style="color: #800000;">active</span><span style="color: #800000;">'</span><span style="color: #000000;">)
$(</span><span style="color: #800000;">'</span><span style="color: #800000;">.prize-</span><span style="color: #800000;">'</span> + now).addClass(<span style="color: #800000;">'</span><span style="color: #800000;">active</span><span style="color: #800000;">'</span><span style="color: #000000;">)
now</span>++<span style="color: #000000;">;
</span><span style="color: #0000ff;">if</span> (now > <span style="color: #800080;">9</span><span style="color: #000000;">) {
now </span>= <span style="color: #800080;">1</span><span style="color: #000000;">
} </span><span style="color: #0000ff;">else</span><span style="color: #000000;"> {
</span><span style="color: #0000ff;">return</span> <span style="color: #0000ff;">false</span><span style="color: #000000;">
}
}
</span><span style="color: #0000ff;">var</span><span style="color: #000000;"> a;
function time() {
a </span>=<span style="color: #000000;"> setTimeout(function () {
change()
time()
}, speed)
setTimeout(function () {
</span><span style="color: #0000ff;">if</span> (now ==<span style="color: #000000;"> end) {
clearTimeout(a)
}
}, </span><span style="color: #800080;">3000</span><span style="color: #000000;">)

}
})
</span>