html设置一个随机数的抽奖,随机数的运用---抽奖

首先我们先整理一下思路，看看需要用到些什么。

1、随机数

2、点击事件

3、计时器

4、抽完然后把定时器清一下

在html中先写一个简单的框架

然后我们来敲js

//封装一个随机数

function randoms(start, end) {

return Math.floor(Math.random() * (end - start + 1) + start);

};

var prizes = ['手机'，'平板'，'电脑'，'电视'，'冰箱'，'洗衣机'];

//获取按钮

var btn = document.getElementById('btn');

var result = document.getElementById('result');

//给按钮绑定单击事件

btn.addEventListener('click', counts);

i = 0;

function counts() {

i++;

var count = 0;//定时器

timer = setInterval(function () {

count++;

console.log(count);

result.innerHTML = prizes[randoms(0, prizes.length - 1)];

if (count >= 10) {

clearInterval(timer); //清除定时器

};

}, 100);

};

这样一个简单就抽奖我们就搞定了，是不是很简单呢！！！！

html设置一个随机数的抽奖,随机数的运用---抽奖相关推荐

python 抽奖完全公平的随机数算法_抽奖随机数
最近修改了网站的抽奖算法,使得抽奖看起来更加『公平』,为此我整理了下,谈谈在抽奖系统设计中的『坑』. 抽奖分为两种: 知道总人数不知道总人数举栗子 1. 已知人数 14 个奖品分给 500 个人: ...
python从random生成列表_详解Python利用random生成一个列表内的随机数
详解Python利用random生成一个列表内的随机数首先,需要导入random模块: import random 随机取1-33之间的1个随机数,可能重复: random.choice(range ...
初识JAVA：猜数字小游戏案例---系统产生一个1-100之间的随机数，猜出这个数是多少？
package com.pku.wuyu.io; import java.util.IllegalFormatCodePointException; import java.util.Random; ...
java 键盘录入猜数,生成一个1-100之间的随机数，用户键盘录入猜数字
猜数字案例的需求如下: 后台预先生成一个1-100之间的随机数,用户键盘录入猜数字如果猜对了,打印"恭喜您,答对了" 如果猜错了猜大了:打印"sorry,您猜大了!& ...
产生一个1--10之间的随机数，用户去猜这个数，直到猜中为止
import java.util.Scanner; import java.util.Random; class Demo4 { public static void main(String[] a ...
java 生成随机数_Java 生成随机数的 N 种方法
原标题:Java 生成随机数的 N 种方法 www.baeldung.com/java-generating-random-numbers 1.引言本文将探讨用 Java 生成随机数的不同方法. 2 ...
在多个指定区间内生成随机数，且随机数总和固定算法
在多个指定区间内生成随机数,且随机数总和固定算法一.介绍最近项目上遇到了一个需求就是在多个指定区间内生成总和恒定的随机数. 示例:在[1-3].[4-20].[24-100]区间上分别生成一个随机 ...
c语言生成随机数(c语言生成随机数并排序)
vc环境下c语言怎么生成随机数能给个0-100之间的程序最好了- r = ( (double)rand() / ((double)(RAND_MAX) (double)(1)) ); 请问如何用C语言 ...
java服务器生成随机数_java生成随机数
java生成随机数 java有三种常用的方式生成随机数: 一.使用Random类二.使用Math.random方法三.使用System.currentTimeMillis方法 Random类是最常 ...
随机数计算html,随机数的产生方法电脑随机数产生的计算具体方法
要产生随机数,可以使用Java api中java.lang包中的Math类.Math类以静态方法的方式提供常用的数学方法, 其中Math.random()方法是一个可以产生[0.0,1.0]区间内的一 ...

html设置一个随机数的抽奖,随机数的运用---抽奖

html设置一个随机数的抽奖,随机数的运用---抽奖相关推荐

最新文章

热门文章