轮盘抽奖代码

最新推荐文章于 2024-07-20 19:31:47 发布
最新推荐文章于 2024-07-20 19:31:47 发布
阅读量1.9w 收藏 1
点赞数
文章标签： 5g ui ux
原文链接：http://www.cnblogs.com/junxi/p/5228471.html
版权 
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=640,user-scalable=no,target-densitydpi = device-dpi " />
        <style>
        div{
            text-align: center;
        }
        .cj{
            z-index: 2;
            -webkit-transform:translate3d(0,327px,0);
            cursor: pointer;
            position: relative;
        }
        </style>
    </head>
    <body>
        <div class="cj">
            <img src="https://img-blog.csdnimg.cn/2022010709590978871.png" alt="" />
        </div>
        <div class="jp">
            <img src="https://img-blog.csdnimg.cn/2022010709590952422.png" alt="" />
        </div>
    </body>
    <script>
    var cj=document.querySelector(".cj"),
        imgs=document.querySelector(".jp").getElementsByTagName("img")[0],
        size=0,
        Bstop=true,
        timer=null;
        function startMove(deg,txt){
        clearInterval(timer);
        timer=setInterval(function(){
               Bstop=false;
               if(size<9){
                  num+=20;
                  imgs.style.webkitTransform='rotate('+num+'deg)';
                  if(num>=360){
                      num=0;
                      size++;
                  }
               }else if(size==9){
                  var speed=(deg-num)/20;
                      speed=speed>0?Math.ceil(speed):Math.floor(speed);
                      num+=speed;
                      imgs.style.webkitTransform='rotate('+num+'deg)';
                      if(num==deg){
                          clearInterval(timer);
                          alert(txt);
                          Bstop=true;
                      }
               }
           },30)
        }
        cj.addEventListener("click",function(){
            if(Bstop){
                num=size=0;
                imgs.style.webkitTransform='rotate(0deg)';
                var reg=Math.ceil(Math.random()*7);
                switch(reg){
                    case 1:
                        startMove(30,"靠,你居然可以免单4999!");
                        break;
                    case 2:
                        startMove(85,"免单50!");
                        break;
                    case 3:
                        startMove(135,"免单10!");
                        break;
                    case 4:
                        startMove(185,"免单5!");
                        break;
                    case 5:
                        startMove(235,"免服务费!");
                        break;
                    case 6:
                        startMove(285,"提高额度");
                        break;
                    case 7:
                        startMove(337,"不好意思.背时");
                        break;
                }
            }
            
        })

    </script>
</html>
演示地址： http://sandbox.runjs.cn/show/c1d5valc

转载于:https://www.cnblogs.com/junxi/p/5228471.html

diantiaozhu8383
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
激光旋律（Laser melody）
知屋安砖
01-02 2万+
激光旋律示例HTMLCSSJS 示例 HTML b<div style="display:none;"> <img id="source" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAgAElEQVR4nOx9eWxb15X+A9QWMw06LYof0GCK...
Linux - CentOS 6 安装 JDK
热门推荐
_William_Cheung的博客
07-02 70万+
安装步骤如下： 1. 下载jdk1.7.0_55（jdk-7u55-linux-i586.tar.gz） 2. 卸载系统自带的开源JDK     查看是否安装JDK rpm -qa | grep java 显示如下信息： 存在，执行下面代码删除： rpm –e java3.解压jdk-7u55-linux-i586.tar.gz使用命令：tar
百度语音合成data:audio/x-mpeg；base64转mp3
z19980115的博客
06-24 54万+
百度语音base64转mp3
移动端页面px布局适配方案（viewport）
凌晨不睡觉
08-02 16万+
通过 <meta name="viewport"> 给视口设置固定的宽度，浏览器对页面自动缩放来实现页面的适配效果 优点是可以使用px布局，不用额外进行rem或者vw等等单位的换算了...
图片上传：base转Blob
sunluyi的博客
03-10 4万+
<template> <div class="mine"> <img :src="blob"> </div> </template> <script> export default { data() { return { blob:{}, base64: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATgAAADQCAYAAACTH30xAAAAAX
轮盘抽奖
weixin_42213622的博客
04-26 1977
文章目录题目描述研究思路代码区代码运行测试关键点或难点 题目描述 模拟轮盘抽奖游戏 轮盘分为三部分: 一等奖, 二等奖和三等奖; 轮盘转的时候是随机的, 如果范围在[0,0.08)之间,代表一等奖, 如果范围在[0.08,0.3)之间,代表2等奖, 如果范围在[0, 1.0)之间,代表3等奖, 模拟本次活动1000人参加, 模拟游戏时需要准备各等级奖品的数量。 研究思路 1 首先预先定义奖项及对应...
仿轮盘抽奖
Mir_you的博客
11-04 201
import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Path; import android.graphics.Rect; import androi...
python实现转盘效果 python实现轮盘抽奖游戏
09-19
以下是对Python实现转盘效果和轮盘抽奖游戏的知识点详细解释： 1. **Tkinter库**：Tkinter是Python的标准GUI库，它提供了丰富的控件和事件处理机制，用于创建窗口应用程序。在这个例子中，我们创建了一个主窗口，并...
模拟轮盘抽奖
09-14
【标题】"模拟轮盘抽奖"是一款基于Delphi7开发的小型应用程序，旨在提供一个趣味性的抽奖体验。这款软件的设计核心在于其轮盘式的界面和随机性，使得抽奖过程既直观又充满悬念。 【描述】"模拟轮盘抽奖"虽然为...
js轮盘抽奖实例分析
11-26
【js轮盘抽奖实例分析】 在网页开发中，动态效果和动画可以显著提升用户体验，使得网页更加生动有趣。本文将通过一个js轮盘抽奖实例，详细介绍如何利用JavaScript、CSS和HTML来实现一个过渡动画效果的抽奖轮盘。 ...
Android抽奖轮盘的制作方法
01-04
本文实例为大家分享了Android抽奖轮盘的具体代码，供大家参考，具体内容如下 main布局(图片资源请自行寻找,抱歉) android:layout_width=fill_parent android:layout_height=fill_parent android:layout_...
详解python--模拟轮盘抽奖游戏
09-19
在Python编程中，模拟轮盘抽奖游戏是一种有趣的实践项目，它可以锻炼编程技能，尤其是随机数处理和概率计算。本文将详细解析如何使用Python实现这样一个模拟系统。 首先，我们需要理解轮盘抽奖游戏的基本规则。根据...
NLP 自然语言初体验
yisuoyanyv的博客
08-13 58万+
本资料整理自 Kaggle上的Spooky NLP and Topic Modelling tutorial import base64 import numpy as np import pandas as pd #Plotly imports 一种可视化工具 import plotly.offline as py py.init_notebook_mode(connected=True) ...
珍藏很久的9个网站，再舍不得也得分享出来
emprere的博客
04-24 15万+
前言小编自己有一个网购省钱机器人，平时网购可以省点钱，如果你愿意支持我可以扫码使用，首次添加赠送红包一个，福利多多，朋友圈经常更新各种羊毛活动，一起薅羊毛。正文昨天是小编生日，谢谢各位的...
使用echarts画树图，并设置节点为不同的图片
yinge0508的博客
12-18 8万+
先看一下效果图： 这是树图的单方向发散；在html页面中的代码如下：（这里的echarts.js文件是在本地通过script标签引入的，在vue项目中的话，想要画树图的话，一定要使用script标签引入echarts.js文件，要不然刷新页面时，树图节点不显示） <!DOCTYPE html> <html lang="en"> <head> ...
福利啊，精品资源大放送
jiashuai94的博客
06-04 23万+
为了感谢大家一直以来对Android机动车的支持，今天特将自己积累和整理多年的各编程语言和好用的工具分享给大家，其中不乏相关最新的pdf版教材、知名培训机构教学视频、程序源码等等。 最最关键的是，全部免费，这些资源大多是自己购买或收藏大牛的分享，绝对值得收藏一波。有的资料，您可能现在还用不到，不过，谁能保证以后用不到呢？ 以下所有福利，您只需关注Android机动车公众号，在公众号中回复对应内...
闭包及作用域销毁练习
qq_42514643的博客
10-24 41万+
闭包及作用域销毁练习题 var i = 1; function fn(i) { return function (n) { console.log(n + (++i)) } } var f = fn(2); f(3); fn(5)(6); fn(7)(8); f(4) //输出打印结果（把下面的html复制到本地打开就有此题详解） //...
谁有精华论坛的用户账号和密码能共享一个吗？
kaigood的专栏
11-26 1万+
 谁有精华论坛的用户账号和密码能共享一个吗？
计算机网络参考模型与5G协议
最新发布
2401_83958584的博客
07-20 275
由底层网络定义的协议。
python轮盘抽奖代码
05-15
Python轮盘抽奖是一种非常有趣和简单的游戏，通常用于活动和游戏展会中，以吸引参与者的兴趣。下面是Python轮盘抽奖的代码示例： ``` #导入随机数模块 import random #定义奖品池 prizes = ['电视', '冰箱', '空调', '洗衣机', '音响', '智能手机'] #定义中奖概率 probabilities = [0.2, 0.1, 0.1, 0.2, 0.15, 0.25] #定义轮盘抽奖函数 def lottery(prizes, probabilities): #生成随机数 random_num = random.uniform(0, 1) #定义奖品位置 i = 0 #设置初始概率为0 cumulative_probability = 0 #循环判断中奖位置 for prize, probability in zip(prizes, probabilities): #计算累计概率 cumulative_probability += probability #判断是否中奖 if random_num <= cumulative_probability: print("恭喜你中奖了，奖品是：", prize) break i += 1 #调用轮盘抽奖函数 lottery(prizes, probabilities) ``` 该代码先导入了Python中的随机数模块，并定义了奖品池和中奖概率。然后，定义了一个轮盘抽奖函数，该函数使用zip()函数并生成随机数来模拟轮盘抽奖的过程，并输出中奖结果。最后，调用轮盘抽奖函数以运行程序。 需要注意的是，在实际应用中，以上函数可能需要与其他模块结合使用，以便记录中奖信息、控制抽奖次数等相关操作，以满足游戏和活动的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值