抽奖javascript程序

  <span style="color:#006600;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  <html>
  <head>
  <meta charset="UTF-8">
  <title> 抽奖 </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style>
  p{color:#ff3366;font:bolder 30px 微软雅黑;text-align:center;}
  .select{width:100px;height:60px;border:#ff66ff solid 1px;background-color:#ffffff;float:left;margin:10px;font:bolder 22px 黑体;text-align:center;line-height:60px;}
  .row1{width:600px;height:100px;margin-right:2px;float:left;}
  .row2{width:600px;height:100px;float:left;clear:left;}
  .row3{width:600px;height:100px;margin-left:2px;float:left;clear:left;}
  #button{width:228px;background-color:#ff3366;font:bolder 22px 黑体;line-height:60px;cursor:pointer;border:#ff66ff solid 0;}
  #main{margin:100px 250px}
  </style>
  <script type="text/javascript" language="javascript">
  var speed=800;
  var id=0;
  var on=0;
   
  function select(){
  var num=Math.round(Math.random()*1000);
  if(num>998){
  alert("恭喜你获得特等大奖!\n【豪华别墅一套】");//概率:1/1000
  }else if(num>990){
  alert("恭喜你获得一等奖!\n【法拉利跑车一辆】");//概率:1/100
  }else if(num>900){
  alert("恭喜你获得二等奖!\n【欧洲十国游】");//概率:10/100
  }else if(num>800){
  alert("恭喜你获得三等奖!\n【ipone5一部】");//概率:20/100
  }else if(num>600){
  alert("恭喜你获得幸运奖!\n【嘉年华礼包一份】");//概率:40/100
  }else if(num>500){
  alert("恭喜你获得参与奖!\n【活动公仔一对】");//概率:50/100
  }else{alert("抱歉,你没有获得任何奖品!\n 再接再厉!");}//概率:50/100
  }
  function sta(){
  if(on==0){
  if(id>0)
  id--;
  on=1;
  start();
  }else{
  select();
  document.getElementById("button").innerHTML="点击抽奖";
  on=0;
  }
  }
   
  function start(){
  if(on==1){
  if(id>9){
  id=id%10;
  }
  id++;
  var currentdiv=document.getElementById(id);
  document.getElementById("button").innerHTML="暂停";
  if(id<11){
  changeColor(currentdiv,"#ff3366");
  var t=setTimeout("test(id)",speed);
  }
  }
  }
   
  function changeColor(obj,color){
  obj.style.backgroundColor=color;
  obj.style.fontSize="18px";
  obj.innerHTML="抽奖中..";
  }
   
  function test(id){
  if(on==1){
  var button=document.getElementById(id);
  changeColor(button,"#ffffff");
  button.innerHTML=id;
  speed-=30;
  if(speed<100){speed=100;}
  start();
  }
  }
   
  </script>
  </head>
   
  <body>
  <p>豪华别墅、法拉利跑车、欧洲十国游、ipone5等你来拿!<p>
  <p>千万不要错过千年一遇的机会哦!<p>
  <div id="main" class="">
  <div id="" class="row1">
  <div id="1" class="select">1</div>
  <div id="2" class="select">2</div>
  <div id="3" class="select">3</div>
  <div id="4" class="select">4</div>
  </div>
   
  <div id="" class="row2">
  <div id="10" class="select">10</div>
  <div id="button" class="select" onClick="sta()">点击抽奖</div>
  <div id="5" class="select">5</div>
  </div>
   
  <div id="" class="row3">
  <div id="9" class="select">9</div>
  <div id="8" class="select">8</div>
  <div id="7" class="select">7</div>
  <div id="6" class="select">6</div>
  </div>
  </div>
  </body>
  </html></span>
时间: 2024-10-16 02:16:50

抽奖javascript程序的相关文章

[JavaScript] 初中级Javascript程序员必修学习目录

很多人总感觉javascript无法入门,笔者在这里写一下自己的学习过程,以及个人认 为的最佳看书过程,只要各位能按照本人所说步骤走下去,不用很长时间,坚持 个3个月,你的js层级会提高一个档次,无他,唯有努力与坚持,请看: 1. 从头到尾对一遍<<Javascript高级程序设计>>,不懂的地方可以暂时掠过,给自己对javascript有一个大体的印象 2. 认认真真的读完这本书:<<编写可维护的javascript>>,从编码规范,技巧,模式,等各个方面

JavaScript 程序错误:Cannot use &#39;in&#39; operator to search

今天编程时,JavaScript 程序报了这样的错误:Cannot use 'in' operator to search for...,具体错误信息如下: 坦白说,这样的错误最难调试.因为它并不指向你所写的具体代码,而是泛泛指向了 lib.js 文件(该文件通常是第三方的打包压缩库),你几乎无法依据错误类型与错误指向来定位到实际编程中的错误位置. 怎么办? 这个时候,只有发挥"死磕"精神了! 死磕步骤: 依据故障页面以及错误信息,定位到出错的文件,这一点应该不难: 在出错的页面中,依

你是怎么调试 JavaScript 程序

你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其中的 JavaScript断点设置和调试功能,也就是其中的 Sources Panel(以前叫 Scripts).如果你精通 Eclipse 中的各

JavaScript程序初始

一个简单的JavaScript程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> </style> <script type="text/javascript&q

初中级Javascript程序员必修学习目录

很多人总感觉javascript无法入门,笔者在这里写一下自己的学习过程,以及个人认为的最佳看书过程,只要各位能按照本人所说步骤走下去,不用很长时间,坚持个3个月,你的js层级会提高一个档次,无他,唯有努力与坚持,请看: 1. 从头到尾对一遍<<Javascript高级程序设计>>,不懂的地方可以暂时掠过,给自己对javascript有一个大体的印象2. 认认真真的读完这本书:<<编写可维护的javascript>>,从编码规范,技巧,模式,等各个方面深入体

初中级Javascript程序员必修学习目录(zhuan)

1. 从头到尾对一遍<<Javascript高级程序设计>>,不懂的地方可以暂时掠过,给自己对javascript有一个大体的印象2. 认认真真的读完这本书:<<编写可维护的javascript>>,从编码规范,技巧,模式,等各个方面深入体会javascript3. 重新读一遍<<Javascript高级程序设计>>,目的是再次回顾经典,这次重读你会对这本书有深一层的认识4. <<javascript模式>> 

2. 第一个JavaScript程序

JavaScript编辑器 俗话说:工欲善其事,必先利其器.在市面上有很多的JavaScript开发工具,例如WEBStorm.Zend Studio.EditPlus.Sublime.Notepad++等. 个人强烈推荐使用文本编辑器:Editplus,NotePad++.使用纯手工编写JavaScript代码有利于快速的掌握JavaScript语法,纯手工的代码都会写了,难道集成开发环境还不会使么? 第一个JavaScript程序 在许多的编程语言中都将“Hello World”作为第一个程

[转]JavaScript程序编码规范

原文:http://javascript.crockford.com/code.html 作者:Douglas Crockford 译文:http://www.yeeyan.com/articles/view/cloudwater/4042 译者:cloudwater 更新:2009-12-13 01:08:29 这是一套适用于JavaScript程序的编码规范.它基于Sun的Java程序编码规范.但进行了大幅度的修改, 因为JavaScript不是Java. 软件的长期价值直接源于其编码质量.

C# windows程序应用与JavaScript 程序交互实现例子

C# windows程序应用与JavaScript 程序交互实现例子 一.建立网页代码(包含js方法代码和访问外部windows应用事件) 这里需要注意js访问外部windows应用程序方法,需要代用windows对象的external 例子:window.external.CSharpfunction(xx,xx,xx); 1 <!DOCTYPE html> 2 3 <html lang="en" xmlns="http://www.w3.org/1999