zoukankan      html  css  js  c++  java
  • js小抽奖程序

    <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
      <meta http-equiv="Content-Language" content="zh-CN"/>
      <title>M.I.T. Talk 抽奖</title>
      <script type="text/javascript" src="/js/2011/jquery-1.5.1.min.js"></script>
      <style type="text/css">
        body {text-align:center;padding-top:50px;}
    	#Result {border:3px solid #40AA53;margin:0 auto;text-align:center;400px;padding:50px 0;background:#efe;}
    	#ResultNum {font-size:50pt;font-family:Verdana}
    	#Button {margin:50px 0 0 0;}
    	#Button input {font-size:40px;padding:0 50px;}
      </style>
      <script type='text/javascript'>
      <!--
      var g_Interval = 10;
      var g_PersonCount = 100;//参加抽奖人数
      var g_Timer;
      var running = false;
      function beginRndNum(trigger){
      	if(running){
    		running = false;
    		clearTimeout(g_Timer);		
        	$(trigger).val("开始");
    		$('#ResultNum').css('color','red');
    	}
    	else{
    		running = true;
    		$('#ResultNum').css('color','black');
        	$(trigger).val("停止");
    		beginTimer();
    	}
      }
      
      function updateRndNum(){
    	var num = Math.floor(Math.random()*g_PersonCount+1);
    	$('#ResultNum').html(num);
      }
      
      function beginTimer(){
    	g_Timer = setTimeout(beat, g_Interval);
      }
    
      function beat() {
    	g_Timer = setTimeout(beat, g_Interval);
        updateRndNum();
      }
      //-->
      </script>
    </head>
    <body>
    <h1>抽奖结果</h1>
    <div id="Result">
    	<span id="ResultNum">0</span>
    </div>
    <div id="Button">
    <input type='button' value='开始' onclick='beginRndNum(this)'/>
    </div>
    </body>
    </html>


    在线演示: http://www.oschina.net/r.html

    原文链接:http://www.oschina.net/code/snippet_12_7605
  • 相关阅读:
    Luogu P4071 [SDOI2016]排列计数
    CF 961E Tufurama
    Luogu P2057 [SHOI2007]善意的投票
    Luogu P2756 飞行员配对方案问题
    POJ2151
    POJ 3349&&3274&&2151&&1840&&2002&&2503
    POJ 2388&&2299
    EZ 2018 03 30 NOIP2018 模拟赛(六)
    POJ 1459&&3436
    BZOJ 1001: [BeiJing2006]狼抓兔子
  • 原文地址:https://www.cnblogs.com/kuyuyingzi/p/4266294.html
Copyright © 2011-2022 走看看