首頁 > 開發者 > JavaScript

JavaScript寫的抽獎程式

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

 

JavaScript寫的抽獎程式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">
<html>
<head>
<title>  抽獎程式 </title>
<script language="javascript">
var timer;
var flag = 0;

//擷取隨機數
function getRandomNum(){
 var f1 = document.getElementById("f1");
 var f2 = document.getElementById("f2");
 var fv1 = f1.value;
 var fv2 = f2.value;
 var result = document.getElementById("result");
 var rand = 0;

 if (!flag && (fv1=="" || fv2=="" || fv1 >= fv2)){
  flag = 1;
  alert("必須輸入開始數字和結束數字，並且開始數不能大於結束數");
  return false;
 }
 fv2 = fv2*1.5;
 rand = parseInt(Math.random() *(fv2-fv1+1)+fv1);
 if (rand>f1.value && rand<f2.value){
  result.value = rand;
 }
}
//開始
function setTimer(){
 timer = setInterval("getRandomNum();",10);
 document.getElementById("start").disabled = true;
 document.getElementById("end").disabled = false;
}
//停止
function clearTimer(){
  clearInterval(timer);
  document.getElementById("start").disabled = false;
  document.getElementById("end").disabled = true;
}
</script>
</head>

<body>
<center>
<div>&nbsp;</div>
<div id="main">
 <div>
 <h1>抽獎程式</h1>
  <p>範圍：<input id="f1" type="text" size="10" maxlength="15" value="100000" style="border:1px solid #000;" /> - <input id="f2" type="text" size="10" maxlength="15" value="300000" style="border:1px solid #000;" /></p>
  <p>結果：<input id="result" type="text" size="10" style="height:40px;width:180px;border:1px solid red;font-size:30;" readonly/></p>
  <input id="start" type="button" value="開始" style="border: 1px solid; border-color: #aaa 000 #000 #aaa;width:4em; background: #fc0;" onclick="setTimer()" />
  <input id="end" type="button" value="抽獎" style="border: 1px solid; border-color: #aaa 000 #000 #aaa;width:4em; background: #fc0;"onclick="clearTimer()" disabled/>
 </div>
</div>
<center>
</body>
</html>

 

運行：

 

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
formatmoney javascript javascript getdatetime unlink javascript hmac javascript javascript echo javascript encode javascript encodeuri
相關文章
漂亮簡單Javascript 調色盤代碼
javascript的indexOf忽略大小寫方法_javascript技巧
JavaScript的parseInt 取整使用
用js一招破解所有網頁的加密原始碼的方法
Wireshark基本介紹和學習TCP三向交握，wiresharktcp
jQuery AJAX timeout 逾時問題詳解，jqueryajax

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More