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

                                                    

 *具体的备注在代码里面

*含有作弊功能 下面讲到

效果是这样的

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

****

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

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

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

<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. Javascript进阶篇——(数组)笔记整理

    什么是数组数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更多数值. <script type="text/javascript"& ...

  2. jfreechart中文乱码问题解决方案(转)

    参考网址:http://zhidao.baidu.com/link?url=y88rR1_aAHaFofonx9o_IaEu87MpkTQImsqDcy587eG55JkfQV6EzzzloIgXuQ ...

  3. hdu2309ICPC Score Totalizer Software

    Problem Description The International Clown and Pierrot Competition (ICPC), is one of the most disti ...

  4. AngularJS中serivce，factory，provider的区别

    一.service引导 刚开始学习Angular的时候,经常被误解和被初学者问到的组件是 service(), factory(), 和 provide()这几个方法之间的差别.This is whe ...

  5. jQuery 验证实例(shopnc二次开发)

    shopnc 商家用户实现添加用户与前台用户分离, jQuery 验证实例 equalTo:等于 <div id="saleRefund" show_id="1&q ...

  6. php in_array 和 str_replace

    有这样的用法哦 $allow_state_array_invoc = array('store_invoice','invoiceno','invoicerec','invoiceing'); if ...

  7. BaseFragment的定义—所有Fragment的父类

    public abstract class BaseActivity extends AppCompatActivity implements View.OnClickListener { prote ...

  8. 钱币兑换问题（hd1284）

    钱币兑换问题 在一个国家仅有1分,2分,3分硬币,将钱N兑换成硬币有很多种兑法.请你编程序计算出共有多少种兑法.   Input 每行只有一个正整数N,N小于32768.   Output 对应每个输 ...

  9. win7 PHP7.0的PDO扩展

    一个非常棘手的问题,win7(64位)环境,编译安装的mysql,php无法使用pdo扩展. 而我的centos中yum安装的php,pdo是好用的. 百度了一大堆,都无法解决. 基本上百度到的都是要 ...

  10. Nginx 配置指令的执行顺序（四）

    ngx_lua 模块提供了配置指令 access_by_lua,用于在 access 请求处理阶段插入用户 Lua 代码.这条指令运行于 access 阶段的末尾,因此总是在 allow 和 deny ...