js编写抽奖小程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="title">请点击按钮开始抽奖.....</div>
<input type="button" id="btn" value="开始">
</body>
<script>
var otit = document.getElementById("title");
var obtn = document.getElementById("btn");
var arr = ["张三","李思","王二","李四","admin","张三1","李思1","王二1","李四1","admin1"];
var onoff = 0;
var t;
obtn.onclick = function(){
if(onoff == 0){
clearInterval(t)
t = setInterval(function(){
var randomNum = Math.round(Math.random()*(arr.length-1));
otit.innerHTML = arr[randomNum];
},10)
onoff = 1;
obtn.value = "就是你！"
}else{
clearInterval(t)
obtn.value = "下一个！"
onoff = 0;
}
}
</script>
</html>
本文来自博客园，作者：JackieDYH，转载请注明原文链接：https://www.cnblogs.com/JackieDYH/p/17634858.html
标签:
javascript
, 抽奖效果
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· winform 绘制太阳，地球，月球 运作规律
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人