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

                                                    

 *具体的备注在代码里面

*含有作弊功能 下面讲到

效果是这样的

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

****

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

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

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

<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. Bestcoder HDU5059 Help him 字符串处理

    Help him Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total S ...

  2. 初次使用Oracle

    这是我第一次写博客,主要是记录下自己这半个多月以来的学习笔记,以备以后可以随时查看. 首先就是安装Oracle的问题的,我系统是Win7 64位的,出现各种问题郁闷得不行,最终安装个Oracle102 ...

  3. latex 固定图片位置

    1,插入并列的子图 \usepackage{subfigure} \begin{figure}[H] \centering \subfigure[SubfigureCaption]{ \label{F ...

  4. Andrord问题小结

    问题描述:Gradle version 2.10 is required. Current version is 2.8.Gradle版本由2.8升为2.10后,发现所有依赖play-services ...

  5. 2014年1月9日 Oracle 实用系统函数

    1.空值处理 1.1 NVL(column/value,VALUE2) 与SQLSERVER的ISNULL相同 1.2 NVL2(column/value,Value2,Value3) 若参数1为空则 ...

  6. 写一个Windows上的守护进程（1）开篇

    写一个Windows上的守护进程(1)开篇 最近由于工作需要,要写一个守护进程,主要就是要在被守护进程挂了的时候再把它启起来.说起来这个功能是比较简单的,但是我前一阵子写了好多现在回头看起来比较糟糕的 ...

  7. H-Index,H-Index II

    1.H-Index Total Accepted: 19058 Total Submissions: 70245 Difficulty: Medium Given an array of citati ...

  8. 动态链接库的生成（dll）和 动态链接库隐式and显式调用

    一.构建动态链接库(dll.dll dll.lib dll.h) 说明: .dll 是在执行程序是调用  .lib 是在连接程序是调用  .h是在编译程序时调用 1.头文件(声明导入函数):_decl ...

  9. 初始AngularJS

    <!-- AngularJS 通过 ng-directives 扩展了 HTML. ng-app 指令定义一个 AngularJS 应用程序. ng-model 指令把元素值(比如输入域的值)绑 ...

  10. 验证角谷猜想（hd1279）

    验证角谷猜想 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Subm ...