案例   ----           手机号抽奖   开始抽奖  停止

                                                    

 *具体的备注在代码里面

*含有作弊功能 下面讲到

效果是这样的

***初始界面 ***                                                               ***抽到的第一个幸运号码***

****

***************************************************************************************

***号码正在滚动 但由于截图速度比不上计算机滚动速度   无法截取滚动瞬间的画面  自己运行代码去观察***

****************************************************

<title>无标题文档</title>

<style type="text/css">

/*<!--号码滚动的DIV的样式-->*/

#show{

    text-align:center;

    font-size:48px;

    font-weight:blod;

}

div

{

    text-align:center;/*居中*/

    }

div span

{

    display:inline-block;/* 看效果变化吧*/

    padding:10px;                /*字体与边框之间距离*/

    background-color:rgb(255,0,102);  /*背景颜色*/

    color:white;                 /*字体颜色*/

    font-weight:bold;            /*字体加粗*/

    cursor:default;/*鼠标移动到DIV里面会变成箭头不是光变标了-不信看效果吧*/

    margin-top:10px;/*本DIV顶部拥有10个PX（像素）*/

/*    display:inline 的作用是设置对象做为行内元素显示，inline是内联对象的默认值（ps:内联对象就是不自动产生换行的元素，比如span） 而我们一般用的div是块级元素，默认display属性是block, 但将div的display设置为inline的话，则多个div可以象span一样显示在一行了。*/

    }

</style>

</head>

<body>

<div id="show">1516930589</div><!--号码滚动的DIV-->

<div><span id="btn" onclick="dobegin()">开始抽奖</span></div><!--开始按钮的div-->

</body>

</html>

<script language="javascript">

var a = new Array()

a[0]="15069301897";

a[1]="13913254568";

a[2]="13856556565";

a[3]="13756665656";

a[4]="15269123456";

a[5]="15145647232";

a[6]="15366552323";

a[7]="15422665629";

a[8]="15569305454";

a[9]="15669354547";

var timeoutID;

function cellShow()

{

    var n=Math.round(Math.random()*1000000)%10;/*取出a[]随这个数组里的机数*/

    var s=a[n];/*取出a几里代表的手机号 也就是随机出的上一步的数组的值*/

    var dd=document.getElementById("show");/*找出id为show的DIV的元素*/

    dd.innerHTML=s;    <!--让手机号滚动-->

    timeoutID=window.setTimeout("cellShow()",50)<!--让手机号滚动   延迟50毫秒-->

    }

function dobegin()

    {

         var dd=document.getElementById("btn");

         /*  {cellShow();} */

        /*{document.getElementById("btn").innerHTML="停止"}*/

        <!--对上面括号里进行解释  当执行cellShow函数的同时 计算机执行速度快 相当于同时执行 这步  找到btn标签 并让btn里的值等于“停止”-->

         if(dd.innerHTML=="开始抽奖")

          {

             cellShow();  /*开始按钮那里SPAN标签要加上一个dobegin函数*/

             dd.innerHTML="停止";

             }

        else

        {

            window.clearTimeout(timeoutID);

             dd.innerHTML="开始抽奖";

             document.getElementById("show").innerHTML="15069301897"/*作弊 专门选到固定号码*/

            }

     }

</script>

javascript 手机号抽奖的更多相关文章

  1. javascript 转盘抽奖代码和计数器代码

    要介绍了javascript圆盘抽奖程序实现原理和完整代码例子,需要的朋友可以参考下  看到网页上有不少大转盘抽奖的应用,心血来潮也想弄个.于是找了点资料自己研究...  效果预览: 一.模拟抽奖的实 ...

  2. C# 循环的应用 手机号抽奖 选班长的练习题

    //第一题 //20个手机号滚动显示随机抽出一个中奖号码来: static void bbb(string[] args) { string[] cellPhone = new string[] { ...

  3. javascript 手机号间隔显示 123 4567 8910

    // 手机号分隔显示 let tel = this.data.tel_value // 原始手机号 let len = tel_value.length // 原始手机号的长度 let mobile ...

  4. javascript实现抽奖程序

    昨天开年会的时候看到一个段子说唯品会年会抽奖,结果大奖都被写抽奖程序的部门得了,CTO现场review代码. 简单想了一下抽奖程序的实现,花了十几分钟写了一下,主要用到的知识有数组添加删除,以及ES5 ...

  5. ASP课程实例1——简易的手机号抽奖

    本程序用到了最基本的vbscript函数. 请大家注意它们的用法并熟悉asp网页的基本结构. inputbox,mid() ,replace(),rnd(),fix(),document.write ...

  6. 研究js特效巩固JavaScript知识

    400多个JavaScript特效大全,包含全部源代码和详细代码说明,不可多得 JavaScript实现可以完全自由拖拽的效果,带三个范例    http://www.sharejs.com/show ...

  7. JS原生实现照片抽奖

    HTML表格标记实现九宫格,放入九张图片.利用CSS的滤镜属性控制图片的透明度.Javascript实现抽奖和中奖. 可以做为教师上课,随机抽取回答问题的同学,使学生感受到随机的公平性,简单有趣! 点 ...

  8. C#集合及特殊字符

    集合里面 打印  出来时 要把 集合内的格式转化为其他格式! 壹. 集合 在.add之前 为空   数组  同样  添加元素之前 为  空(下一章超市购物例题具体体现) 1.System Collec ...

  9. 集合 ArrayList 类

    集合的基本信息: System.Collections   系统类中的收藏类,定义各种对象(如列表,队列,位数组,哈希表和字典)的集合 常用的集合为ArrayList类:特殊集合一般会用到Queue队 ...

随机推荐

  1. JQ 无刷新评论

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. Crystal Report分組中的序號重新遞增

    客戶要批次列印發票,也就是報表需要按照發票號碼(INV_NO)進行分組,每個發票里還有明細的item,之前因為直接抓RecordNumber,所以該欄位只能從1開始計數,遇到新的發票發號不會重新從1開 ...

  3. Oracle学习之常见错误整理

    一.ORA-12154: TNS: 无法解析指定的连接标识符 在程序中连接Oracle数据库的方式与其他常用数据库,如:MySql,Sql Server不同,这些数据库可以通过直接指定IP的方式连接, ...

  4. 切记ajax中要带上AntiForgeryToken防止CSRF攻击

    在程序项目中经常看到ajax post数据到服务器没有加上防伪标记,导致CSRF被攻击,下面小编通过本篇文章给大家介绍ajax中要带上AntiForgeryToken防止CSRF攻击,感兴趣的朋友一起 ...

  5. 京东UED招聘web前端开发工程师（中/高级）

    工作职责: 负责前端界面的构建和各类交互设计与实现: 前端样式和脚本的模块设计及优化: 协同后台开发人员完成项目: 负责新产品开发线前端工作(新产品.垂直站.移动端 .后端系统),可根据个人喜好及特长 ...

  6. vi所有特殊字符

    vi5个特殊字符包含 /.^.$.*.. 在vi中用/查找时,()不做为特殊字符处理 比如:查找字符串(cyg_uint8 *)b 应该这样写 /(cyg_uint8 \*)b 只有 * 需要转义 \ ...

  7. codeforces 519A. A and B and Chess,

    A. A and B and Chess time limit per test 1 second memory limit per test 256 megabytes input standard ...

  8. Matlab 仿真实现TI Instaspin 的Foc 逆Clarke变换和SVPWM

    一直没搞明白TI 的Instaspin的SVPWM实现原理,最后只能在Matlab里仿真看看输出波形是不是和普通的SVPWM实现输出的波形一样,用M文件实现,下面是代码: clear all; the ...

  9. LoadRunner Tutorial

    LoadRunner Tutorial Welcome to the LoadRunner tutorial. The tutorial is a self-paced guide that lead ...

  10. OC基础9：预处理程序

    "OC基础"这个分类的文章是我在自学Stephen G.Kochan的<Objective-C程序设计第6版>过程中的笔记. 1.  关于#define语句: (1). ...