html网页随机抽奖怎么制作,html简单易懂的随机抽奖

//请在此段代码前引用jq,否则代码无效

$(document).ready(function() {

var name = ['飞机', '大炮', '火箭', '游艇', '电脑', '键盘', '鼠标', '谢谢参与', '三年模拟两年高考']

for (var i = 1; i <= name.length; i++) {

$(".content").append('

' + name[i - 1] + '');

}

$('.choujiang').on('click', function() {

$(this).attr("disabled", true); //点击按钮后,按钮进入不可编辑状态

var sum = name.length;

var le = 3 //设置滚动多轮

var hh = sum * le;

var y = 1;

var x = hh;

var times = 12; //调节滚动速度

var rand = parseInt(Math.random() * (x - y + 1) + y); //获取随机数

var i = Math.ceil(rand / sum); //向上取整

for (var i = i; i < le; i++) {

rand = rand + sum

}

time(1, rand, times, sum, times) //点击按钮后触发time事件

})

});

function time(shu, sums, tie, sum, tis) { //倒计时

var tie = tie + tis //滚动速度

setTimeout(function() {

if (shu <= sums) {

$('.kuai').css({

'background-color': '',

'color': ''

}) //清除css

$('#' + shu + '').css({

'background-color': 'aqua',

'color': '#fff'

}) //添加css样式

if (shu == sum) {

sums = sums - shu

shu = 0;

}

shu++

text(shu, sums, tie, sum, tis)

} else {

$('.choujiang').attr("disabled", false); //抽奖完毕,按钮重新进入可编辑状态

}

}, tie);

}

function text(shu, sums, tie, sum, tis) {

time(shu, sums, tie, sum, tis) //执行time事件

}

html网页随机抽奖怎么制作,html简单易懂的随机抽奖相关推荐

Flash 抽奖程序制作
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 转眼间2 ...
Python制作一个简单的抽奖软件（二）
Python制作一个简单的抽奖软件(二) 认识QT 因为都对 QT和tkinter都没用过,之前简单使用tkinter后发现,界面调整不太好弄.然后度娘了之后,QT是强大GUI库之一,很多人都推荐它. ...
抽奖算法-指定概率的随机
抽奖模型普通概率模型普通概率模型是最常用的一种模型,但是在游戏运营过程中的确发现很多小白玩家不能正确理解--他们认为中奖率 10% 的设定等同于抽 10 次肯定会中一次.这显然是错误的,普通概率模 ...
python 制作抽奖箱_丽水本地抽奖箱制作公司,抽奖箱制作-优质服务!
星点庆典为您详细解读52Ps1Ck2丽水本地抽奖箱制作公司,抽奖箱制作的相关知识与详情:类舞蹈.沙画.光影画.杂技.互动魔术.二人转.孙悟空猪八戒模仿秀.非洲外籍舞蹈.外籍舞蹈.杂技.花式篮球足球.水 ...
背景的css代码,CSS网页设计实例:设计制作大背景网页_css
网页制作Webjx文章简介:如何用css实现大背景网页设计. 自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计.因此我决定和大家分享大背景网站的设计技巧.在 ...
信息安全实验五之计算机病毒与黑客实验脚本【恶意网页病毒演示病毒制作木马捆绑】
信息安全实验五之计算机病毒与黑客实验脚本[恶意网页病毒演示&病毒制作&木马捆绑] 一.脚本及恶意网页病毒演示实验 1.创建文件 2.拷贝文件 3.删除文件 4.修改文件二.病毒详 ...
用html制作个人站点,【制作个人网站】如何在网上制作自己的网页?如何用html5制作个人主页?制作个人网页设计思路是怎样的?...
[制作个人网站]如何在网上制作自己的网页?如何用html5制作个人主页?制作个人网页设计思路是怎样的?下面就和小编一起来看看吧! 如何在网上制作自己的网页? 网站设计的八个步骤现在看到的工具越来越多, ...
python概率随机抽奖源码_抽奖算法-指定概率的随机
抽奖模型普通概率模型普通概率模型是最常用的一种模型,但是在游戏运营过程中的确发现很多小白玩家不能正确理解--他们认为中奖率 10% 的设定等同于抽 10 次肯定会中一次.这显然是错误的,普通概率模 ...
html怎样设计竖着的表格,在html网页设计中如何制作表格？
在我们的一个日常的学习Web前端知识中遇到的问题肯定的比较多的,那么今天我们就来讨论一下在html网页设计中如何制作表格?吧! 步骤如下: 1.首先我们向在Web前端开发工具中新建一个 .html 文 ...
如何制作网页2:如何学习制作网页
很多人都想制作网页,但不知道如何制作网页,怎么制作网页,怎样制作网页,从哪里下手学习制作网页.其实如何制作网页这个问题不难,因为网站学习网会提供给你一切需求,如何制作网页系列教程将适合更多的零基础的朋 ...

html网页随机抽奖怎么制作,html简单易懂的随机抽奖

html网页随机抽奖怎么制作,html简单易懂的随机抽奖相关推荐

最新文章

热门文章