日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發(fā)布時間:2024/9/27 编程问答 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 html设置一个随机数的抽奖,随机数的运用---抽奖 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

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

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)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。