简易的抽奖

ゞ浴缸里的玫瑰 2022-05-18 02:37 151阅读 0赞

<!doctype html>
    
    <html>
    
    <head>
    
    <meta charset="utf-8">
    
    <title>无标题文档</title>
    
    <style>
    
    #list{width:330px;}
    
    #list li{
    
    display:inline-block;
    
    height:100px;
    
    width:100px;
    
    border:1px solid #000;
    
    }
    
    </style>
    
    <script src="jquery-1.10.1.min.js"></script>
    
    <script>
    
    $(function(){
    
    var num = 0;
    
    $('button').click(function(){
    
    var timer = null;
    
    timer = setInterval(aaa,50)
    
    function aaa(){
    
    $('#list').find('li').css('background','').eq(num).css('background','#f00')
    
    num++;
    
    if(num>8){
    
    num=0;
    
    }
    
    if(num==Math.round(Math.random()*9)){
    
    clearInterval(timer)
    
    }
    
    }
    
    //console.log(Math.floor(Math.random()*9))
    
    
    
    })
    
    
    
    })
    
    </script>
    
    </head>
    
    
    
    <body>
    
    <button>抽奖</button>
    
    <ul id="list">
    
    <li>1</li>
    
    <li>2</li>
    
    <li>3</li>
    
    <li>4</li>
    
    <li>5</li>
    
    <li>6</li>
    
    <li>7</li>
    
    <li>8</li>
    
    <li>9</li>
    
    </ul>
    
    <div></div>
    
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，151人围观）

还没有评论，来说两句吧...

相关阅读

相关简易抽奖系统（Java课程设计/大作业）

简易抽奖系统（Java课程设计/大作业） package 简易抽奖系统; import java.awt.\; import java.awt.event.Actio

ゝ一世哀愁。/ 2024年03月27日 10:31/ 0 赞/ 35 阅读

相关如何用Java编写一个简易抽奖程序

下面是一个简易的 Java 抽奖程序的示例。这个程序使用 `Random` 类来生成随机数，模拟从一组参与者中抽奖的过程。 > import java.util.ArrayL

逃离我推掉我的手/ 2024年02月05日 18:30/ 0 赞/ 17 阅读

相关年会抽奖小游戏java_抽奖小游戏

抽奖 /\ 1、要有随机数 2、创建一个数组 3、点击按钮控制 4、先抽一等奖，再抽二等奖，最后是三等奖 5、一点击停止就会把名字从数组中删除掉，并且把名字放到该

缺乏、安全感/ 2022年11月09日 14:14/ 0 赞/ 185 阅读

相关 JS组件系列——图片切换特效：简易抽奖系统

阅读目录 [一、组件预览][Link 1] [二、代码示例][Link 2] [1、试试手气效果代码][1] [2、简单游戏

一时失言乱红尘/ 2022年07月13日 02:49/ 0 赞/ 169 阅读

相关多线程练习：抽奖箱抽奖

package homeworkday11; import java.util.ArrayList; /\第四题：分析以下需求，并用代码实现有一个抽奖池,该抽奖池中存

小咪咪/ 2022年05月31日 01:17/ 0 赞/ 182 阅读

相关模拟抽奖

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

柔光的暖阳◎/ 2022年05月23日 12:18/ 0 赞/ 165 阅读

相关简易的抽奖

<!doctype html> <html> <head> <meta charset="utf-8">

ゞ浴缸里的玫瑰/ 2022年05月18日 02:37/ 0 赞/ 152 阅读

相关 java——抽奖（根据随机值进行抽奖，根据执行范围进行抽奖）

如题下面上货。需求是这样的，根据不同的概率抽出不同的奖金。例如： 2%的概率为8 3%的概率为5 5%的概率为3 90%的概率为2 package

柔光的暖阳◎/ 2022年05月14日 04:42/ 0 赞/ 182 阅读

相关基于js的抽奖

> 抽奖活动的原理还是很简单的，通过代码一目了然，如果看不懂就私聊我，可以私下交流！方法一：使用table写一个随机抽奖这是html+js代码 <!DOC

旧城等待，/ 2022年05月13日 06:14/ 0 赞/ 124 阅读

相关【简易幸运抽奖】

这是一个【简易幸运抽奖】的代码，欢迎大家前来指导！ <style type="text/css"> //css样式 .bigbox{ wid

朴灿烈づ我的快乐病毒、/ 2022年02月19日 07:06/ 0 赞/ 225 阅读