uj5u.com熱心網友回復：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>抽獎</title>
<script type="text/javascript" src="https://bbs.csdn.net/topics/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function (){
var item=['Thank You','iPhone','Thank You','iPad Mini','Thank You','iPod','Thank You','iPad','Thank You'];
var timer;
$('#showAll').click(function (){
$('#div1').toggle();
});
$('#Start').click(function (){
startRun();
});
$('#Pause').click(function (){
stopRun();
});
function startRun() {
clearInterval(timer);
timer = setInterval(function() {
num = Math.floor(Math.random() * 8);
$('#div2').text(item[num]);
}, 50
)};
function stopRun() {
clearInterval(timer);
};
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>抽獎頁面</p>
<div id='div1' style="display:none">
<p>Thank You--iPhone--Thank You--iPad Mini--Thank You--iPod--Thank You--iPad--Thank You</p>
</div>
<div id='div2'></div>
<input type ='button' value='https://bbs.csdn.net/topics/顯示所有獎品' id='showAll'/>
<br />
<br />
<input type ='button' value='https://bbs.csdn.net/topics/抽獎開始' id='Start'/>
<input type ='button' value='https://bbs.csdn.net/topics/抽獎停止' id='Pause'/>
</div>
</form>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/86920.html
標籤：JavaScript