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

                                                    

 *具体的备注在代码里面

*含有作弊功能 下面讲到

效果是这样的

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

****

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

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

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

<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. 图解MapReduceMapReduce整体流程图

    1.图解MapReduceMapReduce整体流程图 并行读取文本中的内容,然后进行MapReduce操作 Map过程:并行读取三行,对读取的单词进行map操作,每个词都以<key,value ...

  2. live555从RTSP服务器读取数据到使用接收到的数据流程分析

    本文在linux环境下编译live555工程,并用cgdb调试工具对live555工程中的testProgs目录下的openRTSP的执行过程进行了跟踪分析,直到将从socket端读取视频数据并保存为 ...

  3. MVC中的错误过滤器无法拦截URL路径错误的解决办法

    “/”应用程序中的服务器错误. 无法找到资源. 说明: HTTP 404.您正在查找的资源(或者它的一个依赖项)可能已被移除,或其名称已更改,或暂时不可用.请检查以下 URL 并确保其拼写正确. 请求 ...

  4. HDU 1055 - Color a Tree

    一棵树,结点树为n,根结点为r.每个结点都有一个权值ci,开始时间为0,每染色一个结点需要耗时1,每个结点的染色代价为ci*ti(ti为当前的时间),每个结点只有在父结点已经被染色的条件下才能被染色. ...

  5. AdapterView及其子类之一：基本原理（ListView、ListActivity类型）

    参考<疯狂android讲义>2.5节 1.AdapterView一般用于显示列表项,其内容由Adapter提供.调用Adapter的setAdapter(Adapter)方法设置Adap ...

  6. css3变形讲解

    Transform变形:可以实现文字或者图片旋转.缩放.倾斜和移动,并且该元素下的所有子元素都随着父元素一样. 既然接触到transform,我们就可以做好多3d的效果啦 旋转:transform:r ...

  7. shopnc 发票项目

    ---恢复内容开始--- file_put_contents( 't.txt' , print_r($input_invoice_info ,true) ); 打印 $input_invoice_in ...

  8. php 日期 - 获取当月最后一天

    /** * 日期-获取当月最后一天 * @return int */ public function get_lastday() { if($this->month==2) { $lastday ...

  9. python操作csv-xls完善后的代码

    #coding:utf-8 #导入相应模块 import csv,xlwt,sys,os,fnmatch,xlrd from xlutils.copy import copy #对xls文件中的绝对值 ...

  10. UVA 120 Stacks of Flapjacks

    每次从最底部开始处理,如果不是最大值,则把最大值翻到底部.这就是最优解.原理自己模拟一下就好... 注意半径不是从1开始.数据处理要仔细. #include <iostream> #inc ...