抽奖JQ
2024-10-06 17:20:51
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>抽签</title>
<script src="jquery-3.4.1.min.js"></script>
</head>
<script>
$(function () {
var names = [
"张三",
"李四",
"诸葛亮",
"刘备",
"曹操",
"韩非",
"张良",
"卫庄",
"盖聂",
];
var time;
var index;
$("#start").prop("disabled", false);
$("#stop").prop("disabled", true);
$("#start").click(function () {
time = setInterval(function () {
$("#start").prop("disabled", true);
$("#stop").prop("disabled", false);
index = Math.floor((Math.random() * 10) + 1);
$("#name").prop("value", names[index]);
});
});
$("#stop").click(function () {
clearInterval(time);
$("#start").prop("disabled", false);
$("#stop").prop("disabled", true);
});
});
</script>
<body>
<input type="text" id="name" value="张三" style="width: 250px;height: 50px;border: 2px solid black;text-align: center;
margin-left:450px;margin-top: 100px;red;color: white; font-size: 26px">
<input type="button" id="start" value="开始" style="width: 70px;height: 35px; margin-left: 100px">
<input type="button" id="stop" value="结束" style="width: 70px;height: 35px;">
</body>
</html>
最新文章
- textarea{resize:none}
- Understanding Linux /proc/cpuinfo
- (笔记)angular Select选择
- [改善Java代码]Java的泛型是类型擦除的
- jquery append
- html5test
- 基于visual Studio2013解决C语言竞赛题之0305显示星期
- 北京创客空间 BEIJING MAXPACE的小站
- 《算法4》2.1 - 选择排序算法(Selection Sort), Python实现
- 团队作业8——Beta 阶段冲刺2rd day
- java-方法重载、参数传递、
- L1-035 情人节 (15 分)
- 【优秀的设计绘图软件】Affinity Designer Beta for Mac 1.7
- admin密码对应的MD5值
- 简单shell指令
- Java如何从文件中打印与给定模式匹配的所有字符串?
- Continuation-passing style
- Java 多线程(Thread) 同步(synchronized) 以及 wait, notify 相关 [实例介绍]
- python-day4笔记
- Tomcat必会的企业级配置调优