{"id":17343,"date":"2026-04-23T19:17:50","date_gmt":"2026-04-23T11:17:50","guid":{"rendered":"https:\/\/www.aiersheng.cc\/?content_edu=%e5%87%bb%e9%bc%93%e4%bc%a0%e8%8a%b1%e6%b8%b8%e6%88%8f%e8%af%be%e5%a0%82%e4%ba%92%e5%8a%a8-2"},"modified":"2026-04-23T19:17:50","modified_gmt":"2026-04-23T11:17:50","slug":"%e5%87%bb%e9%bc%93%e4%bc%a0%e8%8a%b1%e6%b8%b8%e6%88%8f%e8%af%be%e5%a0%82%e4%ba%92%e5%8a%a8-2","status":"publish","type":"content_edu","link":"https:\/\/www.aiersheng.cc\/?content_edu=%e5%87%bb%e9%bc%93%e4%bc%a0%e8%8a%b1%e6%b8%b8%e6%88%8f%e8%af%be%e5%a0%82%e4%ba%92%e5%8a%a8-2","title":{"rendered":"\u51fb\u9f13\u4f20\u82b1\u6e38\u620f(\u8bfe\u5802\u4e92\u52a8)"},"content":{"rendered":"
\"\"<\/div>\n
\n

<!DOCTYPE html>
\n<html lang=\u201dzh\u201d>
\n<head>
\n<meta charset=\u201dUTF-8\u2033>
\n<meta name=\u201dviewport\u201d content=\u201dwidth=device-width, initial-scale=1.0\u2033>
\n<title>\u51fb\u9f13\u4f20\u82b1\u6e38\u620f<\/title>
\n<style>
\n:root {
\n\u2013primary-color: #ff6b6b;
\n\u2013secondary-color: #4ecdc4;
\n\u2013accent-color: #ffe66d;
\n\u2013dark-color: #292f36;
\n\u2013light-color: #f7fff7;
\n}<\/p>\n

body {
\nfont-family: \u2018Arial Rounded MT Bold\u2019, \u2018Microsoft YaHei\u2019, sans-serif;
\ntext-align: center;
\npadding: 0;
\nmargin: 0;
\nbackground: linear-gradient(135deg, var(\u2013dark-color), #3a4750);
\ncolor: var(\u2013light-color);
\nmin-height: 100vh;
\ndisplay: flex;
\nflex-direction: column;
\nalign-items: center;
\njustify-content: center;
\noverflow-x: hidden;
\n}<\/p>\n

.container {
\nbackground: rgba(41, 47, 54, 0.8);
\nborder-radius: 20px;
\npadding: 30px;
\nbox-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
\nwidth: 90%;
\nmax-width: 600px;
\nbackdrop-filter: blur(10px);
\nborder: 1px solid rgba(255, 255, 255, 0.1);
\nposition: relative;
\noverflow: hidden;
\n}<\/p>\n

.container::before {
\ncontent: \u201d;
\nposition: absolute;
\ntop: -50%;
\nleft: -50%;
\nwidth: 200%;
\nheight: 200%;
\nbackground: radial-gradient(circle, rgba(255, 107, 107, 0.1) 0%, rgba(78, 205, 196, 0) 70%);
\nanimation: rotate 20s linear infinite;
\nz-index: -1;
\n}<\/p>\n

@keyframes rotate {
\n0% { transform: rotate(0deg); }
\n100% { transform: rotate(360deg); }
\n}<\/p>\n

h1 {
\nfont-size: 2.5rem;
\nmargin-bottom: 30px;
\ncolor: var(\u2013accent-color);
\ntext-shadow: 0 3px 10px rgba(255, 230, 109, 0.4);
\nposition: relative;
\ndisplay: inline-block;
\n}<\/p>\n

h1::after {
\ncontent: \u201d;
\nposition: absolute;
\nbottom: -10px;
\nleft: 0;
\nwidth: 100%;
\nheight: 3px;
\nbackground: linear-gradient(90deg, var(\u2013primary-color), var(\u2013secondary-color));
\nborder-radius: 3px;
\n}<\/p>\n

.file-upload {
\nmargin: 25px 0;
\nposition: relative;
\ndisplay: flex;
\nflex-direction: column;
\nalign-items: center;
\n}<\/p>\n

.file-upload label {
\ndisplay: block;
\nmargin-bottom: 10px;
\nfont-size: 1.1rem;
\ncolor: var(\u2013light-color);
\n}<\/p>\n

.file-upload input[type=\u201dfile\u201d] {
\ndisplay: none;
\n}<\/p>\n

.custom-file-upload {
\nborder: 2px dashed rgba(255, 255, 255, 0.3);
\nborder-radius: 10px;
\npadding: 15px 30px;
\ncursor: pointer;
\ntransition: all 0.3s;
\ndisplay: flex;
\nalign-items: center;
\njustify-content: center;
\nbackground: rgba(255, 255, 255, 0.05);
\nwidth: 80%;
\nmax-width: 300px;
\n}<\/p>\n

.custom-file-upload:hover {
\nborder-color: var(\u2013accent-color);
\nbackground: rgba(255, 230, 109, 0.1);
\n}<\/p>\n

.custom-file-upload i {
\nmargin-right: 10px;
\nfont-size: 1.5rem;
\ncolor: var(\u2013accent-color);
\n}<\/p>\n

#file-name {
\nmargin-top: 10px;
\nfont-size: 0.9rem;
\ncolor: var(\u2013secondary-color);
\n}<\/p>\n

#start-btn {
\npadding: 15px 40px;
\nfont-size: 1.2rem;
\ncursor: pointer;
\nbackground: linear-gradient(45deg, var(\u2013primary-color), var(\u2013secondary-color));
\ncolor: var(\u2013dark-color);
\nborder: none;
\nborder-radius: 50px;
\nmargin: 20px 0;
\nfont-weight: bold;
\nbox-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
\ntransition: all 0.3s;
\nposition: relative;
\noverflow: hidden;
\n}<\/p>\n

#start-btn:hover {
\ntransform: translateY(-3px);
\nbox-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
\n}<\/p>\n

#start-btn:active {
\ntransform: translateY(1px);
\n}<\/p>\n

#start-btn::before {
\ncontent: \u201d;
\nposition: absolute;
\ntop: 0;
\nleft: 0;
\nwidth: 100%;
\nheight: 100%;
\nbackground: linear-gradient(45deg, var(\u2013secondary-color), var(\u2013primary-color));
\nopacity: 0;
\ntransition: opacity 0.3s;
\n}<\/p>\n

#start-btn:hover::before {
\nopacity: 1;
\n}<\/p>\n

#message {
\nfont-size: 1.3rem;
\ncolor: var(\u2013accent-color);
\nmargin: 20px 0;
\nmin-height: 30px;
\ntext-shadow: 0 2px 5px rgba(255, 230, 109, 0.3);
\n}<\/p>\n

#students {
\nfont-size: 1.8rem;
\nfont-weight: bold;
\nmargin: 20px 0;
\ncolor: var(\u2013light-color);
\nmin-height: 50px;
\ndisplay: flex;
\nalign-items: center;
\njustify-content: center;
\nposition: relative;
\npadding: 15px;
\nbackground: rgba(0, 0, 0, 0.2);
\nborder-radius: 10px;
\nborder-left: 3px solid var(\u2013primary-color);
\nborder-right: 3px solid var(\u2013secondary-color);
\n}<\/p>\n

.student-name {
\nanimation: pulse 1s infinite alternate;
\n}<\/p>\n

@keyframes pulse {
\n0% { transform: scale(1); }
\n100% { transform: scale(1.05); }
\n}<\/p>\n

.confetti {
\nposition: absolute;
\nwidth: 10px;
\nheight: 10px;
\nbackground-color: var(\u2013accent-color);
\nopacity: 0;
\n}<\/p>\n

.music-control {
\nposition: fixed;
\nbottom: 20px;
\nright: 20px;
\nbackground: rgba(41, 47, 54, 0.8);
\nborder-radius: 50%;
\nwidth: 50px;
\nheight: 50px;
\ndisplay: flex;
\nalign-items: center;
\njustify-content: center;
\ncursor: pointer;
\nbox-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
\nz-index: 100;
\nborder: 1px solid rgba(255, 255, 255, 0.1);
\n}<\/p>\n

.music-control i {
\nfont-size: 1.5rem;
\ncolor: var(\u2013light-color);
\n}<\/p>\n

.student-list {
\nmax-height: 150px;
\noverflow-y: auto;
\nmargin: 20px 0;
\npadding: 10px;
\nbackground: rgba(0, 0, 0, 0.2);
\nborder-radius: 10px;
\ntext-align: left;
\n}<\/p>\n

.student-list div {
\npadding: 5px 10px;
\nmargin: 3px 0;
\nbackground: rgba(255, 255, 255, 0.1);
\nborder-radius: 5px;
\ndisplay: inline-block;
\nmargin-right: 5px;
\n}<\/p>\n

\/* \u6eda\u52a8\u6761\u6837\u5f0f *\/
\n.student-list::-webkit-scrollbar {
\nwidth: 5px;
\n}<\/p>\n

.student-list::-webkit-scrollbar-track {
\nbackground: rgba(0, 0, 0, 0.1);
\nborder-radius: 10px;
\n}<\/p>\n

.student-list::-webkit-scrollbar-thumb {
\nbackground: var(\u2013primary-color);
\nborder-radius: 10px;
\n}<\/p>\n

\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/
\n@media (max-width: 600px) {
\n.container {
\npadding: 20px;
\nwidth: 95%;
\n}<\/p>\n

h1 {
\nfont-size: 2rem;
\n}<\/p>\n

#students {
\nfont-size: 1.5rem;
\n}
\n}
\n<\/style>
\n<link rel=\u201dstylesheet\u201d href=\u201dhttps:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\u201d>
\n<\/head>
\n<body>
\n<div class=\u201dcontainer\u201d>
\n<h1>\u51fb\u9f13\u4f20\u82b1\u6e38\u620f<\/h1><\/p>\n

<div class=\u201dfile-upload\u201d>
\n<label for=\u201dfile-input\u201d>\u9009\u62e9\u5b66\u751f\u540d\u5355\u6587\u4ef6<\/label>
\n<label class=\u201dcustom-file-upload\u201d>
\n<i class=\u201dfas fa-file-upload\u201d><\/i>
\n<span>\u70b9\u51fb\u4e0a\u4f20\u6587\u4ef6<\/span>
\n<input type=\u201dfile\u201d id=\u201dfile-input\u201d accept=\u201d.txt,.csv\u201d>
\n<\/label>
\n<div id=\u201dfile-name\u201d>\u672a\u9009\u62e9\u6587\u4ef6<\/div>
\n<\/div><\/p>\n

<div class=\u201dstudent-list\u201d id=\u201dstudent-list\u201d><\/div><\/p>\n

<button id=\u201dstart-btn\u201d disabled><i class=\u201dfas fa-play\u201d><\/i> \u5f00\u59cb\u6e38\u620f<\/button><\/p>\n

<p id=\u201dmessage\u201d>\u8bf7\u5148\u4e0a\u4f20\u5b66\u751f\u540d\u5355<\/p><\/p>\n

<div id=\u201dstudents\u201d>
\n<span class=\u201dstudent-name\u201d>\u7b49\u5f85\u6e38\u620f\u5f00\u59cb\u2026<\/span>
\n<\/div>
\n<\/div><\/p>\n

<div class=\u201dmusic-control\u201d id=\u201dmusic-control\u201d>
\n<i class=\u201dfas fa-music\u201d><\/i>
\n<\/div><\/p>\n

<!\u2013 \u80cc\u666f\u97f3\u4e50 \u2013>
\n<audio id=\u201dbg-music\u201d loop>
\n<source src=\u201d\u51fb\u9f13\u4f20\u82b1\u9f13\u58f0.mp3\u2033 type=\u201daudio\/mp3\u2033>
\n\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u97f3\u9891\u5143\u7d20\u3002
\n<\/audio><\/p>\n

<script>
\nlet students = [];
\nlet currentStudent = \u201c\u201d;
\nlet timer;
\nlet passInterval;
\nconst music = document.getElementById(\u2018bg-music\u2019);
\nconst startButton = document.getElementById(\u2018start-btn\u2019);
\nconst musicControl = document.getElementById(\u2018music-control\u2019);
\nconst fileNameDisplay = document.getElementById(\u2018file-name\u2019);
\nconst studentList = document.getElementById(\u2018student-list\u2019);<\/p>\n

\/\/ \u663e\u793a\u5f53\u524d\u4f20\u9012\u7269\u54c1\u7684\u5b66\u751f
\nfunction showCurrentStudent() {
\nconst studentElement = document.querySelector(\u2018.student-name\u2019);
\nstudentElement.textContent = currentStudent;<\/p>\n

\/\/ \u6dfb\u52a0\u52a8\u753b\u6548\u679c
\nstudentElement.style.animation = \u2018none\u2019;
\nvoid studentElement.offsetWidth; \/\/ \u89e6\u53d1\u91cd\u7ed8
\nstudentElement.style.animation = \u2018pulse 0.5s\u2019;
\n}<\/p>\n

\/\/ \u968f\u673a\u9009\u62e9\u4e00\u4e2a\u5b66\u751f
\nfunction getRandomStudent() {
\nreturn students[Math.floor(Math.random() * students.length)];
\n}<\/p>\n

\/\/ \u521b\u5efa\u4e94\u5f69\u7eb8\u5c51\u6548\u679c
\nfunction createConfetti() {
\nconst container = document.querySelector(\u2018.container\u2019);
\nfor (let i = 0; i < 50; i++) {
\nconst confetti = document.createElement(\u2018div\u2019);
\nconfetti.classList.add(\u2018confetti\u2019);
\nconfetti.style.left = Math.random() * 100 + \u2018%\u2019;
\nconfetti.style.top = -10 + \u2018px\u2019;
\nconfetti.style.backgroundColor = getRandomColor();
\nconfetti.style.transform =\u00a0r<\/span><\/span>o<\/span><\/span>t<\/span><\/span>a<\/span><\/span>t<\/span><\/span>e<\/span><\/span>(<\/span><\/span>(<\/span><\/span>{<\/span><\/span>M<\/span><\/span>a<\/span><\/span>t<\/span><\/span>h<\/span><\/span>.<\/span><\/span>r<\/span><\/span><\/span>and<\/span><\/span><\/span><\/span>o<\/span><\/span>m<\/span><\/span>(<\/span><\/span>)<\/span><\/span><\/span>\u22c5<\/span><\/span>360<\/span><\/span>}<\/span><\/span><\/span>d<\/span><\/span>e<\/span><\/span>g<\/span><\/span>)<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>;
\ncontainer.appendChild(confetti);<\/p>\n

\/\/ \u52a8\u753b
\nconst animation = confetti.animate([
\n{ top: \u2018-10px\u2019, opacity: 1, transform:\u00a0r<\/span><\/span>o<\/span><\/span>t<\/span><\/span>a<\/span><\/span>t<\/span><\/span>e<\/span><\/span>(<\/span><\/span>)<\/span><\/span><\/span>{<\/span><\/span>M<\/span><\/span>a<\/span><\/span>t<\/span><\/span>h<\/span><\/span>.<\/span><\/span>r<\/span><\/span><\/span>and<\/span><\/span><\/span><\/span>o<\/span><\/span>m<\/span><\/span>(<\/span><\/span>)<\/span><\/span><\/span>\u22c5<\/span><\/span>360<\/span><\/span>}<\/span><\/span><\/span>d<\/span><\/span>e<\/span><\/span>g<\/span><\/span>)<\/span><\/span><\/span><\/span><\/span><\/span><\/span>\u00a0},
\n{ top: \u2018100%\u2019, opacity: 0, transform:\u00a0r<\/span><\/span>o<\/span><\/span>t<\/span><\/span>a<\/span><\/span>t<\/span><\/span>e<\/span><\/span>(<\/span><\/span>(<\/span><\/span>{<\/span><\/span>M<\/span><\/span>a<\/span><\/span>t<\/span><\/span>h<\/span><\/span>.<\/span><\/span>r<\/span><\/span><\/span>and<\/span><\/span><\/span><\/span>o<\/span><\/span>m<\/span><\/span>(<\/span><\/span>)<\/span><\/span><\/span>\u22c5<\/span><\/span>360<\/span><\/span>}<\/span><\/span><\/span>d<\/span><\/span>e<\/span><\/span>g<\/span><\/span>)<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\u00a0}
\n], {
\nduration: 2000 + Math.random() * 3000,
\neasing: \u2018cubic-bezier(0.1, 0.8, 0.9, 1)\u2019
\n});<\/p>\n

animation.onfinish = () => confetti.remove();
\n}
\n}<\/p>\n

function getRandomColor() {
\nconst colors = [\u2018#ff6b6b\u2019, \u2018#4ecdc4\u2019, \u2018#ffe66d\u2019, \u2018#ff9ff3\u2019, \u2018#48dbfb\u2019];
\nreturn colors[Math.floor(Math.random() * colors.length)];
\n}<\/p>\n

\/\/ \u64ad\u653e\u97f3\u4e50\u5e76\u5f00\u59cb\u4f20\u9012
\nfunction startGame() {
\ncurrentStudent = getRandomStudent();
\nshowCurrentStudent();
\ndocument.getElementById(\u2018message\u2019).innerHTML = \u2018<i class=\u201dfas fa-music\u201d><\/i> \u97f3\u4e50\u5f00\u59cb\u64ad\u653e\uff0c\u8bf7\u4f20\u9012\u7269\u54c1\uff01\u2019;
\nstartButton.disabled = true;
\nstartButton.innerHTML = \u2018<i class=\u201dfas fa-spinner fa-spin\u201d><\/i> \u6e38\u620f\u4e2d\u2026\u2019;<\/p>\n

\/\/ \u64ad\u653e\u80cc\u666f\u97f3\u4e50
\nmusic.play();
\nmusicControl.innerHTML = \u2018<i class=\u201dfas fa-volume-up\u201d><\/i>\u2019;<\/p>\n

\/\/ \u6a21\u62df\u97f3\u4e50\u64ad\u653e
\nlet musicDuration = Math.floor(Math.random() * 6) + 5; \/\/ \u968f\u673a5\u523010\u79d2
\ntimer = setTimeout(endGame, musicDuration * 1000); \/\/ \u8bbe\u7f6e\u6e38\u620f\u7ed3\u675f\u7684\u65f6\u95f4<\/p>\n

\/\/ \u6bcf1\u79d2\u968f\u673a\u4f20\u9012\u7269\u54c1
\npassInterval = setInterval(() => {
\ncurrentStudent = getRandomStudent();
\nshowCurrentStudent();
\n}, 1000);
\n}<\/p>\n

\/\/ \u6e38\u620f\u7ed3\u675f
\nfunction endGame() {
\ndocument.getElementById(\u2018message\u2019).innerHTML =\u00a0<<\/span><\/span>i<\/span><\/span>\u201d<\/span><\/span><\/span>f<\/span><\/span>a<\/span><\/span>s<\/span><\/span>f<\/span><\/span>a<\/span><\/span>\u2212<\/span><\/span>t<\/span><\/span>r<\/span><\/span>o<\/span><\/span>p<\/span><\/span>h<\/span><\/span>y<\/span><\/span>\u201d<\/span><\/span>><\/span><\/span><<\/span><\/span><\/span>i<\/span><\/span><\/span><\/span><\/span>><\/span><\/span>)<\/span><\/span>{<\/span><\/span>c<\/span><\/span>u<\/span><\/span>r<\/span><\/span>r<\/span><\/span>e<\/span><\/span>n<\/span><\/span>t<\/span><\/span>S<\/span><\/span>t<\/span><\/span>u<\/span><\/span>d<\/span><\/span>e<\/span><\/span>n<\/span><\/span>t<\/span><\/span>}<\/span><\/span><\/span>\uff0c<\/span><\/span><\/span>\u6e38<\/span><\/span><\/span>\u620f<\/span><\/span><\/span>\u7ed3<\/span><\/span><\/span>\u675f<\/span><\/span><\/span>\uff0c<\/span><\/span><\/span>\u8bf7<\/span><\/span><\/span>\u56de<\/span><\/span><\/span>\u7b54<\/span><\/span><\/span>\u95ee<\/span><\/span><\/span>\u9898<\/span><\/span><\/span>\uff01<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>;
\nmusic.pause(); \/\/ \u505c\u6b62\u80cc\u666f\u97f3\u4e50
\nstartButton.disabled = false;
\nstartButton.innerHTML = \u2018<i class=\u201dfas fa-redo\u201d><\/i> \u91cd\u65b0\u5f00\u59cb\u2019;<\/p>\n

\/\/ \u663e\u793a\u4e94\u5f69\u7eb8\u5c51\u6548\u679c
\ncreateConfetti();
\n}<\/p>\n

\/\/ \u8bfb\u53d6\u6587\u672c\u6587\u4ef6\u5e76\u66f4\u65b0\u5b66\u751f\u540d\u5355
\nfunction readTextFile(file) {
\nconst reader = new FileReader();
\nreader.onload = function(event) {
\nconst contents = event.target.result;
\nconst lines = contents.split(\u2018n\u2019);
\nstudents = lines.map(line => line.trim()).filter(line => line !== \u201c\u201d);<\/p>\n

\/\/ \u663e\u793a\u6587\u4ef6\u540d
\nfileNameDisplay.textContent = file.name;
\nfileNameDisplay.style.color = \u2018#4ecdc4\u2019;<\/p>\n

\/\/ \u663e\u793a\u5b66\u751f\u5217\u8868
\nstudentList.innerHTML = \u201d;
\nstudents.forEach(student => {
\nconst div = document.createElement(\u2018div\u2019);
\ndiv.textContent = student;
\nstudentList.appendChild(div);
\n});<\/p>\n

if (students.length < 2) {
\nalert(\u201c\u8bf7\u81f3\u5c11\u8f93\u5165\u4e24\u4e2a\u5b66\u751f\u7684\u540d\u5b57\uff01\u201d);
\nstartButton.disabled = true;
\n} else {
\nstartButton.disabled = false;
\ndocument.getElementById(\u2018message\u2019).textContent =\u00a0\u5df2<\/span><\/span><\/span>\u5bfc<\/span><\/span><\/span>\u5165<\/span><\/span><\/span>$<\/span><\/span>{<\/span><\/span>s<\/span><\/span>t<\/span><\/span>u<\/span><\/span>d<\/span><\/span>e<\/span><\/span>n<\/span><\/span>t<\/span><\/span>s<\/span><\/span>.<\/span><\/span>\u2264<\/span><\/span>n<\/span><\/span>><\/span><\/span>h<\/span><\/span>}<\/span><\/span><\/span>\u540d<\/span><\/span><\/span>\u5b66<\/span><\/span><\/span>\u751f<\/span><\/span><\/span>\uff0c<\/span><\/span><\/span>\u70b9<\/span><\/span><\/span>\u51fb<\/span><\/span><\/span>\u5f00<\/span><\/span><\/span>\u59cb<\/span><\/span><\/span>\u6e38<\/span><\/span><\/span>\u620f<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>;
\n}
\n};
\nreader.readAsText(file);
\n}<\/p>\n

\/\/ \u76d1\u542c\u6587\u4ef6\u4e0a\u4f20\u4e8b\u4ef6
\ndocument.getElementById(\u2018file-input\u2019).addEventListener(\u2018change\u2019, function(event) {
\nconst file = event.target.files[0];
\nif (file && (file.type === \u2018text\/plain\u2019 || file.name.endsWith(\u2018.csv\u2019))) {
\nreadTextFile(file);
\n} else {
\nalert(\u201c\u8bf7\u4e0a\u4f20\u6709\u6548\u7684\u6587\u672c\u6587\u4ef6\uff08.txt \u6216 .csv\uff09\uff01\u201d);
\n}
\n});<\/p>\n

\/\/ \u7ed1\u5b9a\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6
\nstartButton.addEventListener(\u2018click\u2019, () => {
\nif (students.length === 0) {
\nalert(\u201c\u8bf7\u5148\u4e0a\u4f20\u5b66\u751f\u540d\u5355\uff01\u201d);
\n} else {
\nstartGame();
\n}
\n});<\/p>\n

\/\/ \u97f3\u4e50\u63a7\u5236\u6309\u94ae
\nmusicControl.addEventListener(\u2018click\u2019, () => {
\nif (music.paused) {
\nmusic.play();
\nmusicControl.innerHTML = \u2018<i class=\u201dfas fa-volume-up\u201d><\/i>\u2019;
\n} else {
\nmusic.pause();
\nmusicControl.innerHTML = \u2018<i class=\u201dfas fa-volume-mute\u201d><\/i>\u2019;
\n}
\n});
\n<\/script>
\n<\/body>
\n<\/html><\/p>\n

\u00a0<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

<!DOCTYPE html> <html lang=\u201dzh\u201d> <head&g […]<\/p>\n","protected":false},"featured_media":14400,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"content_category":[],"content_tag":[],"training_type":[],"class_list":["post-17343","content_edu","type-content_edu","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=\/wp\/v2\/content_edu\/17343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=\/wp\/v2\/content_edu"}],"about":[{"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=\/wp\/v2\/types\/content_edu"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17343"}],"version-history":[{"count":0,"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=\/wp\/v2\/content_edu\/17343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=\/wp\/v2\/media\/14400"}],"wp:attachment":[{"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17343"}],"wp:term":[{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcontent_category&post=17343"},{"taxonomy":"content_tag","embeddable":true,"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcontent_tag&post=17343"},{"taxonomy":"training_type","embeddable":true,"href":"https:\/\/www.aiersheng.cc\/index.php?rest_route=%2Fwp%2Fv2%2Ftraining_type&post=17343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}