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 = il(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事件
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。