手机号抽奖

太过爱你忘了你带给我的痛 2023-06-03 09:55 20阅读 0赞

<!DOCTYPE html>

<html>

<head>

<title>手机号抽奖程序</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css" >

\*:focus \{outline: none;\}

\#textarea\{height: 130px;width: 735px;border: 2px solid red;resize: none;\}

\#result\{height:130px;width:735px;border:2px solid red;font-size:120px;\}

\#start,\#end\{border:1px solid;border-color:\#aaa000 \#000 \#aaa;width:4em; background: \#fc0;\}

table input\{height:30px;width:155px;border:1px solid red;font-size:25px;\}

</style>

</head>

<body>

<center>

<div id="main">

<!-- <div id="phones">

<h1>抽奖号码</h1>

<p>

<textarea id="textarea" οninput="getphones()" placeholder="多个手机号码请用英文逗号隔开" cols="30" rows="10"></textarea>

</p>

</div> -->

<div>

<h1>中奖号码</h1>

<p>

<input id="result" type="text" size="30" disabled="disabled" />

</p>

<p>

<input id="start" type="button" value="开始"  οnclick="setTimer()" />

<input id="end" type="button" value="停" οnclick="clearTimer()" />

</p>

<p><strong>一等奖（10名）</strong></p>

<table width="900" height="80" border="0">

<tr>

<td><input name="text36" type="text" id="36" size="11" disabled="disabled" /></td>

<td><input name="text37" type="text" id="37" size="11" disabled="disabled" /></td>

<td><input name="text38" type="text" id="38" size="11" disabled="disabled" /></td>

<td><input name="text39" type="text" id="39" size="11" disabled="disabled" /></td>

<td><input name="text40" type="text" id="40" size="11" disabled="disabled" /></td>

</tr>

<tr>

<td><input name="text41" type="text" id="41" size="11" disabled="disabled"/></td>

<td><input name="text42" type="text" id="42" size="11" disabled="disabled"/></td>

<td><input name="text43" type="text" id="43" size="11" disabled="disabled"/></td>

<td><input name="text44" type="text" id="44" size="11" disabled="disabled"/></td>

<td><input name="text45" type="text" id="45" size="11" disabled="disabled"/></td>

</tr>

</table>

<p>二等奖（15名）</p>

<table width="900" height="90" border="0">

<tr>

<td><input name="text21" type="text" id="21" size="11" disabled="disabled"/></td>

<td><input name="text22" type="text" id="22" size="11" disabled="disabled"/></td>

<td><input name="text23" type="text" id="23" size="11" disabled="disabled"/></td>

<td><input name="text24" type="text" id="24" size="11" disabled="disabled"/></td>

<td><input name="text25" type="text" id="25" size="11" disabled="disabled"/></td>

</tr>

<tr>

<td><input name="text26" type="text" id="26" size="11" disabled="disabled"/></td>

<td><input name="text27" type="text" id="27" size="11" disabled="disabled"/></td>

<td><input name="text28" type="text" id="28" size="11" disabled="disabled"/></td>

<td><input name="text29" type="text" id="29" size="11" disabled="disabled"/></td>

<td><input name="text30" type="text" id="30" size="11" disabled="disabled"/></td>

</tr>

<tr>

<td><input name="text31" type="text" id="31" size="11" disabled="disabled"/></td>

<td><input name="text32" type="text" id="32" size="11" disabled="disabled"/></td>

<td><input name="text33" type="text" id="33" size="11" disabled="disabled"/></td>

<td><input name="text34" type="text" id="34" size="11" disabled="disabled"/></td>

<td><input name="text35" type="text" id="35" size="11" disabled="disabled"/></td>

</tr>

</table>

<p>三等奖（20名）</p>

<table width="900" height="100" border="0">

<tr>

<td><input name="text1" type="text" id="1" size="11" disabled="disabled"/></td>

<td><input name="text2" type="text" id="2" size="11" disabled="disabled"/></td>

<td><input name="text3" type="text" id="3" size="11" disabled="disabled"/></td>

<td><input name="text4" type="text" id="4" size="11" disabled="disabled"/></td>

<td><input name="text5" type="text" id="5" size="11" disabled="disabled"/></td>

</tr>

<tr>

<td><input name="text6" type="text" id="6" size="11" disabled="disabled"/></td>

<td><input name="text7" type="text" id="7" size="11" disabled="disabled"/></td>

<td><input name="text8" type="text" id="8" size="11" disabled="disabled"/></td>

<td><input name="text9" type="text" id="9" size="11" disabled="disabled"/></td>

<td><input name="text10" type="text" id="10" size="11" disabled="disabled"/></td>

</tr>

<tr>

<td><input name="text11" type="text" id="11" size="11" disabled="disabled"/></td>

<td><input name="text12" type="text" id="12" size="11" disabled="disabled"/></td>

<td><input name="text13" type="text" id="13" size="11" disabled="disabled"/></td>

<td><input name="text14" type="text" id="14" size="11" disabled="disabled"/></td>

<td><input name="text15" type="text" id="15" size="11" disabled="disabled"/></td>

</tr>

<tr>

<td><input name="text16" type="text" id="16" size="11" disabled="disabled"/></td>

<td><input name="text17" type="text" id="17" size="11" disabled="disabled"/></td>

<td><input name="text18" type="text" id="18" size="11" disabled="disabled"/></td>

<td><input name="text19" type="text" id="19" size="11" disabled="disabled"/></td>

<td><input name="text20" type="text" id="20" size="11" disabled="disabled"/></td>

</tr>

</table>

<p> </p>

</div>

</div>

<center>

</body>

<script type="text/javascript">

<!--// global variables

var timer;

var randnum;

var cellnum = 1;

var textarea;

// function getphones()\{

//     textarea=document.getElementById("textarea").value;

// \}

var html="<p>13020000100,13020000101,13020000102,13020000103,13020000104,13020000105,13020000106,13020000107,13020000108,13020000109,13020000110,13020000111,13020000112,13020000113,13020000114,13020000115,13020000116,13020000117,13020000118,13020000119,13020000120,13020000121,13020000122,13020000123,13020000124,13020000125,13020000126,13020000127,13020000128,13020000129,13020000130,13020000131,13020000132,13020000133,13020000134,13020000135,13020000136,13020000137,13020000138,13020000139,13020000140,13020000141,13020000142,13020000143,13020000144,13020000145,13020020146</p><br >";

html=html.replace(/<\[^>\] >/g,"");

var mobile=new Array();

mobile=html.split(",");

for(var i=0;i<mobile.length;i )\{

mobile\[i\]=mobile\[i\];

\}

// set data here!!

var num = mobile.length-1;

function getRandNum() \{

num = parseInt(num);

var y = GetRnd(0, num);

document.getElementById("result").value = mobile\[y\];

\}

function start() \{

clearInterval(timer);

timer = setInterval('change()', 50);

\}

function ok() \{

clearInterval(timer);

\}

function GetRnd(m, n) \{

randnum = parseInt(Math.random() \* (n - m 1));

return randnum;

\}

function setTimer() \{

time = setInterval("getRandNum()", 10);

document.getElementById("start").disabled = true;

document.getElementById("end").disabled = false;

\}

function clearTimer() \{

noDupNum();

clearInterval(time);

document.getElementById("start").disabled = false;

document.getElementById("end").disabled = true;

setValues();

\}

function noDupNum() \{

// to remove the selected mobile phone number

mobile.removeEleAt(randnum);

// to reorganize the mobile number array!!

var o = 0;

for (p = 0; p < mobile.length; p ) \{

if (typeof mobile\[p\] != "undefined") \{

mobile\[o\] = mobile\[p\];

o ;

\}

\}

num = mobile.length - 1;

\}

// method to remove the element in the array

Array.prototype.removeEleAt = function(dx) \{

if (isNaN(dx) || dx > this.length) \{ return false; \}

this.splice(dx, 1);

\}

// set mobile phone numbers to the table cell

function setValues() \{

if(document.getElementById("result").value!="undefined"&&cellnum<=45)\{

document.getElementById(cellnum).value=document.getElementById("result").value;

\}else\{

document.getElementById("start").disabled = true;

document.getElementById("end").disabled = true;

\}

cellnum ;

\}

//-->

</script>

</html>

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关手机号抽奖

<!DOCTYPE html> <html> <head> <title>手机号抽奖程序</title> <meta http-equiv="Content-Type"

太过爱你忘了你带给我的痛/ 2023年06月03日 09:55/ 0 赞/ 21 阅读

相关手机号变*号

console.log('手机号', res.list[i].mobile) let number = res.list[i].mobile; //

痛定思痛。/ 2022年12月11日 03:20/ 0 赞/ 350 阅读

相关手机号注册

css： <style> body { text-align: center; }

我会带着你远行/ 2022年09月14日 09:48/ 0 赞/ 370 阅读

相关手机端九宫格jQuery抽奖代码

[下载地址][Link 1]基于jQuery实现的九宫格抽奖特效，js手机端样式九宫格抽奖代码。 ![1630271550.png][] dd: [Link 1]: h

Myth丶恋晨/ 2022年09月09日 06:14/ 0 赞/ 241 阅读

相关手机号，邮箱身份证号验证

在日常开发中，对于用户注册那块，我都要进行一些邮箱手机号的验证，还有些要对身份证进行认真的。一、认证手机号分析：手机一般都是11位（这里不考虑 0 +86）且都是

阳光穿透心脏的1/2处/ 2022年07月10日 10:57/ 0 赞/ 485 阅读

相关判断手机号

/ +---------------------------------------------------------- 功能：检测一个字符串是否

深藏阁楼爱情的钟/ 2022年05月15日 02:28/ 0 赞/ 389 阅读

相关手机号脱敏

上代码： String mobile="18888888888"; String all = mobile.replaceAll("(\\d{

本是古典何须时尚/ 2022年02月22日 14:12/ 0 赞/ 616 阅读

相关手机号、身份证号脱敏

> 为了保护客户隐私时常会用到脱敏等操作，下面就介绍几种数据脱敏的方式 JAVA public static void main(String[] args)

超、凢脫俗/ 2022年01月26日 07:13/ 0 赞/ 687 阅读

相关 android手机获取手机号

来源：http://www.cnblogs.com/android100/p/android-get-num.html 最近做到一个项目，需要获取手机号。项目中使用的手机卡为

雨点打透心脏的1/2处/ 2021年12月23日 13:11/ 0 赞/ 762 阅读

相关手机号校验

js手机号码的校验 / 判断字符串是否是手机号码，若是则返回true,若否则返回false / function isPhone(phone){

￡神魔★判官ぃ/ 2021年10月15日 16:19/ 0 赞/ 574 阅读