随机抽号小程序

本文最后更新于2021年3月3日，已超过 1 年没更新！内容可能已失效，请自行测试，失效请评论区反馈，谢谢啦~
应老师的要求,我用我少得可怜的JavaScript知识写了一个随机抽号小程序.如下:
他的链接在这里:random.html
自动更新，所以下面的代码应该不与上面页面相同。
为了方便老师和后排学生,抽中的学号字体较大,且css,js是直接嵌入到html的,没有遵循平稳退化原则.
他的代码如下:(JavaScript有注释)
<html><head>
<style>
.button {
    display: inline-block;
    padding: 10px 16px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    background-color: #0077d9;
    border-radius: 3px;
}
a {
    text-decoration: none;
}
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 1em;
	max-width: 400px;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}

/* Individual styles */

/* Kyo */
.input--kyo {
	z-index: auto;
}

.input__field--kyo {
	padding: 0.85em 1.5em;
	width: 100%;
	border-radius: 2em;
	background: #fff;
	color: #535d92;
}

.input__label--kyo {
	z-index: 0;
	padding: 0 0 0 2em;
	width: 100%;
	text-align: left;
}

.input__label--kyo::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(11, 43, 205, 0.6);
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	pointer-events: none;
}

.input__label-content--kyo {
	padding: 0.5em 0;
}

.input__field--kyo:focus,
.input__field--kyo:focus +  .input__label--kyo .input__label-content--kyo {
	z-index: 10000;
}

.input__field--kyo:focus + .input__label--kyo {
	color: #fff;
}

.input__field--kyo:focus + .input__label--kyo::after {
	opacity: 1;
}
/* Madoka */
.input--madoka {
	margin: 1.1em;
}

.input__field--madoka {
	width: 100%;
	background: transparent;
	color: #7A7593;
}

.input__label--madoka {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #7A7593;
	text-align: left;
	cursor: text;
}

.input__label-content--madoka {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.graphic--madoka {
	-webkit-transform: scale3d(1, -1, 1);
	transform: scale3d(1, -1, 1);
	-webkit-transition: stroke-dashoffset 0.3s;
	transition: stroke-dashoffset 0.3s;
	pointer-events: none;

	stroke: #7A7593;
	stroke-width: 4px;
	stroke-dasharray: 962;
	stroke-dashoffset: 558;
}

.input__field--madoka:focus + .input__label--madoka,
.input--filled .input__label--madoka {
	cursor: default;
	pointer-events: none;
}

.input__field--madoka:focus + .input__label--madoka .graphic--madoka,
.input--filled .graphic--madoka {
	stroke-dashoffset: 0;
}

.input__field--madoka:focus + .input__label--madoka .input__label-content--madoka,
.input--filled .input__label-content--madoka {
	-webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0);
	transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0);
}


</style>
<style id="tsbrowser_video_independent_player_style" type="text/css">
      [tsbrowser_force_max_size] {
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
        top: 0px !important;
        margin: 0px !important;
        padding: 0px !important;
        transform: none !important;
      }
      [tsbrowser_force_fixed] {
        position: fixed !important;
        z-index: 9999 !important;
        background: black !important;
      }
      [tsbrowser_force_hidden] {
        opacity: 0 !important;
        z-index: 0 !important;
      }
      [tsbrowser_hide_scrollbar] {
        overflow: hidden !important;
      }
      [tsbrowser_display_none] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
      }
      [tsbrowser_force_show] {
        display: black !important;
        visibility: visible !important;
        opacity: 0;
      }</style><style id="tsbrowser_video_independent_player_style" type="text/css">
      [tsbrowser_force_max_size] {
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
        top: 0px !important;
        margin: 0px !important;
        padding: 0px !important;
        transform: none !important;
      }
      [tsbrowser_force_fixed] {
        position: fixed !important;
        z-index: 9999 !important;
        background: black !important;
      }
      [tsbrowser_force_hidden] {
        opacity: 0 !important;
        z-index: 0 !important;
      }
      [tsbrowser_hide_scrollbar] {
        overflow: hidden !important;
      }
      [tsbrowser_display_none] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
      }
      [tsbrowser_force_show] {
        display: black !important;
        visibility: visible !important;
        opacity: 0;
      }
body{
background: #e8e8e8;
}
#out{
	font-size: 110px
}
</style></head>
<body>

<span class="input input--kyo" id="input-1">
					<input class="input__field input__field--kyo" type="text" id="input-19">
					<label class="input__label input__label--kyo" for="input-19">
						<span class="input__label-content input__label-content--kyo">请输入学生数量</span>
					</label>
				</span>
<br>
<span class="input input--madoka" id="input-2">
					<input class="input__field input__field--madoka" type="text" id="input-31">
					<label class="input__label input__label--madoka" for="input-31">
						<svg class="graphic graphic--madoka" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
							<path d="m0,0l404,0l0,77l-404,0l0,-77z"></path>
						</svg>
						<br>
						<span class="input__label-content input__label-content--madoka">请输入学生数量</span>
					</label>
					<br><br><br><br><br>
				</span>
<br>
<a onclick="student.check();return false;" class="button" href="#">随机抽取</a>

<p id="out">抽中的学号:</p>
<audio controls="" autoplay="" style="display:none">
    <source id="tts_source" type="audio/mpeg" src="">
</audio>
<audio style="display:none" id="luckStudent">
    <source type="audio/mpeg" src="data:audio/mpeg;base64,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GDMYCAhKRLfSJRKG3WntYaZLHjwlOxKo9yVYaPciKkQVGE63J//1HiMVWzhdeph6BpnQDKkrS7Cz4ciLtKAg0QWiWGloEYlq02r+NW7zv/pWDI/frf/RSCgowYEiW6kJGpIKpcMApH4ulo9I//NIxKsZ+VZUDM4ElKgICkWuyosh6m9BIKmVNpliJ38qS6iX/X6FTEFNRTMuOTkuNVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxMYXIP4IAsYEclVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV">
</audio>
<audio style="display:none" id="noStudent">
    <source type="audio/mpeg" src="data:audio/mpeg;base64,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qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq//NIxHwAAANIAAAAAKqqqqqqqqpMQU1FMy45OS41qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq//NIxHwAAANIAAAAAKqqqqqqqqpMQU1FMy45OS41qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq//NIxHwAAANIAAAAAKqqqqqqqqpMQU1FMy45OS41qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq//NIxHwAAANIAAAAAKqqqqqqqqpMQU1FMy45OS41qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq//NIxHwAAANIAAAAAKqqqqqqqqpMQU1FMy45OS41qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq//NIxHwAAANIAAAAAKqqqqqqqqpMQU1FMy45OS41qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq//NIxHwAAANIAAAAAKqqqqqqqqpMQU1FMy45OS41qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq//NIxHwAAANIAAAAAKqqqqqqqqpMQU1FMy45OS41qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq//NIxHwAAANIAAAAAKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq">
</audio>
<script>
var student = {};//这里是我们的主对象.
student.already = new Array();//已经被抽过的
var lastValue;//上一次输入的学生个数
student.check = function(){
	if(isIE()) {
		student.input = document.getElementById("input-19").value;//是IE,选择简陋的输入框
	} else {
		student.input = document.getElementById("input-31").value;//不是IE,选择好看的输入框
	}
	student.luckStudent = document.getElementById("luckStudent");//说出"幸运"学生的audio
	student.noStudent = document.getElementById("noStudent");//所有学生均以抽过的audio
	if(student.input == "" || student.input == null || student.input == 'undefind') {//没有输入
		alert("请输入学生数量");
		return;
	}
	if(lastValue != student.input) {//如果学生数量改变
		lastValue = student.input;//存储这次的学生数量
		student.already.length = 0;//清空一抽过的学生数量.相比这个if的O(1)时间复杂度,数组查找元素的O(n)更耗费时间
	}
	student.random();//随机一次
	student.out();
}
student.random = function() {
	student.outValue = Math.floor(Math.random() * student.input);//随机抽取
	student.outValue++;//随机数为0-学生数-1,所以要++
}
student.tts = function(content){
    var s = document.querySelector("#tts_source")
    s.src = 'https://tts.baidu.com/text2audio?cuid=baike&lan=ZH&ctp=1&pdt=301&vol=9&rate=32&per=4&tex='+ content//百度的tts
    student.luckStudent.play();//播放"幸运观众是"
    setTimeout(function(){ s.parentNode.load(); },1500);//播放学号
    
}
student.out = function() {
    if(student.already.indexOf(student.outValue) != -1) {//如果随机到的已经抽到过
        //console.log("OK!");
        if(student.already.length == student.input) {//如果所有学生都抽过
            document.getElementById("out").innerHTML = "所有学生均已抽过."
            student.noStudent.play();
            return;//推出防止死循环
        }
        student.random();//再随机一遍.虽然可能要很久
        student.out();//重复执行知道成功
        return;
    }
    student.already.push(student.outValue);//加入已抽到
    document.getElementById("out").innerHTML = '抽中的学号:' + student.outValue + ".";
    student.tts(student.outValue);
}
//判断是否是IE浏览器 
function isIE() {
    if (!!window.ActiveXObject || "ActiveXObject" in window)
        return true;
    else
        return false;
}
if(isIE()) {//选择使用拿一个输入框
	document.getElementById("input-2").setAttribute("style","display:none");
} else {
	document.getElementById("input-1").style="display:none";
}
console.log("isIE:" + isIE());
</script>


</body></html>
Hi! ENDERMITE!

第一篇文章

Ajax 小体验

Comments | 1 条评论

博主 endermite

取消回复

Hi! endermite!
