首页 > 语言 > JavaScript > 正文

js实现简单随机抽奖的方法

2024-05-06 16:15:22
字体:
来源:转载
供稿:网友
这篇文章主要介绍了js实现简单随机抽奖的方法,涉及字符串的操作、setInterval定时调用等技巧,需要的朋友可以参考下
 

本文实例讲述了js实现简单随机抽奖的方法。分享给大家供大家参考。具体实现方法如下:

 

复制代码代码如下:

<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程序设计有所帮助。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选