html设置一个随机数的抽奖,随机数的运用---抽奖
首先我們先整理一下思路,看看需要用到些什么。
1、隨機(jī)數(shù)
2、點(diǎn)擊事件
3、計時器
4、抽完然后把定時器清一下
在html中先寫一個簡單的框架
然后我們來敲js
//封裝一個隨機(jī)數(shù)
function randoms(start, end) {
return Math.floor(Math.random() * (end - start + 1) + start);
};
var prizes = ['手機(jī)','平板','電腦','電視','冰箱','洗衣機(jī)'];
//獲取按鈕
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);
};
這樣一個簡單就抽獎我們就搞定了,是不是很簡單呢!!!!
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的html设置一个随机数的抽奖,随机数的运用---抽奖的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux中循环删除脚本,shell脚本
- 下一篇: c语言鼠标环绕特效,C语言写的鼠标有残影