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

                                                    

 *具体的备注在代码里面

*含有作弊功能 下面讲到

效果是这样的

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

****

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

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

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

<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. CentOS 7 U盘安装解决找不到U盘问题

    在使用U盘进入CentOS7系统安装选项时,按下Tab键,在屏幕下方出现:vmlinuz initrd=initrd.img inst.stage2=hd:LABEL=CentOS\x207\x20x ...

  2. 简单的javascript实例二(随页面滚动广告效果)

    方便以后copy 页面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "htt ...

  3. C#面试题总结——程序设计基础

    一.类型与变量 1.C#支持哪几个预定义的值类型? 主要包括五个类型:整数,浮点数,字符型,bool类型以及decimal型(小数型).其中每一个类型分别有多个内置类型组成. 2.C#支持哪几个预定义 ...

  4. Ubuntu第一次使用调教教程

    Ubuntu第一次使用调教教程 Ubuntu不允许root用户登录,这让人很蛋疼.下面的方法就是让Ubuntu接受以root身份登录.此外,ubuntu默认没有安装ssh的,所以不能进行ssh远程登录 ...

  5. [转载]CodeBlocks+wxWidgets

    到www.CodeBlocks.org下载并安装CodeBlocks,最好下载MinGW版本的,可以省掉安装和配置GCC的麻烦. 到www.wxWidgets.org下载并安装wxWidgets,如果 ...

  6. DDD的"waiting until GDB gets ready"

    运行DDD调试器时,出现卡死现象,看软件状态,发现"waiting until GDB gets ready",Google了这个问题,很多都是删除文件夹"~/.ddd& ...

  7. Java之定时任务详解

    在我们编程过程中如果需要执行一些简单的定时任务,无须做复杂的控制,我们可以考虑使用JDK中的Timer定时任务来实现.下面就其原理.实例以及Timer缺陷三个方面来解析java Timer定时器. 在 ...

  8. javascript. String方法扩张.

    有时候觉得js内置的方法不够用.可自己扩充. 下面是我扩充的几个方法. 为了避免变量冲出.覆盖.利用自执行函数实现. +function (a) { a.fn = a.prototype; var f ...

  9. android sdk manager无法更新

    问题描述:       Android SDK Manager 无法下载更新,或者更新速度超慢,或者待安装包列表不显示.   解决方法:     第一,我们先修改下hosts文件.该文件的位置在系统盘 ...

  10. [汇编语言]-第七章 SI和DI

    1- SI和DI是8086CPU中和bx功能相近的寄存器, SI和DI不能够分成两个8位寄存器来使用, 下面的三组指令实现了相同的功能: (1)  mov bx,0 mov ax,[bx] (2) m ...