简易的抽奖

ゞ浴缸里的玫瑰 2022-05-18 02:37 188阅读 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 条评论，188人围观）

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

相关阅读

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

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

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

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

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

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

相关随机数抽奖

随机数抽奖效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNz

矫情吗；*/ 2023年06月24日 08:16/ 0 赞/ 22 阅读

相关你也可以做一个简易抽奖程序！

![d46e459d7c4db8d2d70fc55372e11d55.png][] 大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂。今天给大家分享一个使用winfor

墨蓝/ 2022年10月16日 15:19/ 0 赞/ 19 阅读

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

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

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

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

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

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

相关模拟抽奖

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

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

相关简易的抽奖

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

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

相关基于js的抽奖

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

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

相关【简易幸运抽奖】

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

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