标签:count arr 抽奖 -- clearInterval setInterval 随机数 var btn
随机抽奖
效果展示
HTML
<div id="circle">
点击开始,开始抽奖
</div>
<button id="btn">开始</button>
JS
定义数组等
var arr = ["iPhoneX", "平衡车","洗衣机","鞠婧祎","邓紫棋","抽纸一包","电吹风","行李箱","兰博基尼","一百万现金","遥控车","波音747","印度7日游","小爱同学","笔记本电脑","洗发水","泡面一箱","拼多多助力","女朋友一个","回到过去","香槟","一句话","一个拥抱","一个眼神","一支笔"];
var result = document.getElementById("circle"); //结果展示
var btn = document.getElementById("btn"); // 开始按钮
var count = 0; //点击次数
setInterval(),clearInterval()
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数
btn.onclick = function() {
count++; //每点击一次btn按钮,count自增一次
if (count % 2 != 0) {
btn.innerText = "暂停"; //点击次数为 奇数 时,按钮显示为暂停
timer = setInterval(function() {
var i = Math.round(Math.random() * (arr.length - 1)); //随机获取下标i,范围0 ~ arr.length-1
result.innerText = arr[i] //将随机选中的元素,输出到result上
}, 1) //每 一毫秒 调用一次函数
} else {
clearInterval(timer); //再次点击count自增加 1,执行else,停止timer的setInterval()
btn.innerText = "开始"; //改变按钮显示为开始
}
}
标签:count,arr,抽奖,--,clearInterval,setInterval,随机数,var,btn 来源: https://blog.csdn.net/qq_50969362/article/details/117874819
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。