js實現(xiàn)簡單隨機抽獎的方法
更新時間：2015年01月27日 14:56:22 投稿：shichen2014
這篇文章主要介紹了js實現(xiàn)簡單隨機抽獎的方法,涉及字符串的操作、setInterval定時調(diào)用等技巧,需要的朋友可以參考下
本文實例講述了js實現(xiàn)簡單隨機抽獎的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<html>
<title>js隨機抽獎程序</title>
<head><meta http-equiv=Content-Type content="text/html; charset=gb2312">
</head>
<body>
<script type="text/javascript">
var alldata = "a,b,c,d,e,f,g,h,i,j,k"
var alldataarr = alldata.split(",");
var num = alldataarr.length-1 ;
var timer
function change()
{
document.getElementById("oknum").innerHTML = alldataarr[GetRnd(0,num)];
}
function start(){
clearInterval(timer);
timer = setInterval('change()',100);
}
function ok(){
clearInterval(timer);
document.getElementById("showresult").value=document.getElementById("oknum").innerText;
}
function GetRnd(min,max){
return parseInt(Math.random()*(max-min+1));
}
</script>
<center>
<div id="oknum" name="oknum" >請單擊開始</div>
<button onclick="start()" accesskey="s">開始</button>
<button onclick="ok()" accesskey="o">停止</button>
您的選擇是：
<input type="text" id="showresult" value="">
</center>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了package.json中homepage屬性的作用詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
關(guān)于JS判斷圖片是否加載完成且獲取圖片寬度的方法
本篇文章小編為大家介紹，關(guān)于JS判斷圖片是否加載完成且獲取圖片寬度的方法，有需要的朋友可以參考一下2013-04-04
這篇文章主要介紹了JavaScript中的類(Class)詳細介紹,本文講解了JavaScript中類的定義、JavaScript中的Constructor(構(gòu)造函數(shù))、類名等內(nèi)容,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了基于JavaScript實現(xiàn)單例模式,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
學(xué)習(xí)使用bootstrap基本控件（table、form、button）
這篇文章主要教會大家學(xué)習(xí)使用bootstrap基本控件，如table、form、button控件，感興趣的小伙伴們可以參考一下2016-04-04
做微信小程序的朋友大都接觸過或自己動手寫過自定義組件,下面這篇文章主要給大家介紹了關(guān)于小程序圓形進度條及面積圖實現(xiàn)的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了jquery實現(xiàn)的圖片點擊滾動效果,需要的朋友可以參考下2014-04-04
本篇文章主要介紹了詳解JS中遍歷語法的比較 ，主要介紹for循環(huán)、forEach、for...in、for...of的用法和缺點，有興趣的可以了解一下。2017-04-04
這篇文章主要為大家詳細介紹了bootstrap multiselect下拉列表功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
淺談JS繼承_借用構(gòu)造函數(shù) & 組合式繼承
下面小編就為大家?guī)硪黄獪\談JS繼承_借用構(gòu)造函數(shù) & 組合式繼承。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08