Home Explore Help
Register Sign In
xiaojincai
/
quepass_game
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

修改

hxt 2 years ago
parent
8d87235a5e
commit
a391236db8
8 changed files with 337 additions and 51 deletions
Split View Show Diff Stats
  1. 2 3
      css/index.css
  2. 204 0
      gameready.html
  3. 0 1
      index.html
  4. 28 30
      js/game.js
  5. 3 2
      page.html
  6. 15 15
      question.json
  7. 20 0
      question2.json
  8. 65 0
      question3.json

+ 2 - 3
css/index.css
View File 

@@ -27,7 +27,6 @@ body {
 
 	background-color: #7f943d;

 

 }

-

 .pacman {

 	position: absolute;

 	top:50%;

@@ -194,6 +193,7 @@ body {
 
 	font-size:12px;

 	margin-top:20px;

 }

+

 .all {

 	position: relative;

 	width: 100%;

@@ -416,12 +416,11 @@ body {
 
 

 .ans-2 {

 	left: 35vw;

-	background-color: #008aa2;

 }

 

 .ans-3 {

 	left: 65vw;

-	background-color: #be4b46;

+	background-color: #008aa2;

 }

 

 .trapbox {

+ 204 - 0
gameready.html
View File 

@@ -0,0 +1,204 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title></title>
 
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+		<style>
 
+			.full {
 
+				position: absolute;
 
+				top: 0;
 
+				left: 0;
 
+				bottom: 0;
 
+				right: 0;
 
+			}
 
+
 
+			.waitting {
 
+				z-index: 99;
 
+				background-color: #7f943d;
 
+
 
+			}
 
+
 
+			.pacman {
 
+				position: absolute;
 
+				top: 50%;
 
+				left: 50%;
 
+				transform: translate(-50%, -50%);
 
+			}
 
+
 
+			@-webkit-keyframes rotate_pacman_half_up {
 
+				0% {
 
+					-webkit-transform: rotate(270deg);
 
+					transform: rotate(270deg);
 
+				}
 
+
 
+				50% {
 
+					-webkit-transform: rotate(360deg);
 
+					transform: rotate(360deg);
 
+				}
 
+
 
+				100% {
 
+					-webkit-transform: rotate(270deg);
 
+					transform: rotate(270deg);
 
+				}
 
+			}
 
+
 
+			@keyframes rotate_pacman_half_up {
 
+				0% {
 
+					-webkit-transform: rotate(270deg);
 
+					transform: rotate(270deg);
 
+				}
 
+
 
+				50% {
 
+					-webkit-transform: rotate(360deg);
 
+					transform: rotate(360deg);
 
+				}
 
+
 
+				100% {
 
+					-webkit-transform: rotate(270deg);
 
+					transform: rotate(270deg);
 
+				}
 
+			}
 
+
 
+			@-webkit-keyframes rotate_pacman_half_down {
 
+				0% {
 
+					-webkit-transform: rotate(90deg);
 
+					transform: rotate(90deg);
 
+				}
 
+
 
+				50% {
 
+					-webkit-transform: rotate(0deg);
 
+					transform: rotate(0deg);
 
+				}
 
+
 
+				100% {
 
+					-webkit-transform: rotate(90deg);
 
+					transform: rotate(90deg);
 
+				}
 
+			}
 
+
 
+			@keyframes rotate_pacman_half_down {
 
+				0% {
 
+					-webkit-transform: rotate(90deg);
 
+					transform: rotate(90deg);
 
+				}
 
+
 
+				50% {
 
+					-webkit-transform: rotate(0deg);
 
+					transform: rotate(0deg);
 
+				}
 
+
 
+				100% {
 
+					-webkit-transform: rotate(90deg);
 
+					transform: rotate(90deg);
 
+				}
 
+			}
 
+
 
+			@-webkit-keyframes pacman-balls {
 
+				75% {
 
+					opacity: 0.7;
 
+				}
 
+
 
+				100% {
 
+					-webkit-transform: translate(-100px, -6.25px);
 
+					transform: translate(-100px, -6.25px);
 
+				}
 
+			}
 
+
 
+			@keyframes pacman-balls {
 
+				75% {
 
+					opacity: 0.7;
 
+				}
 
+
 
+				100% {
 
+					-webkit-transform: translate(-100px, -6.25px);
 
+					transform: translate(-100px, -6.25px);
 
+				}
 
+			}
 
+
 
+			.pacman>div:nth-child(2) {
 
+				-webkit-animation: pacman-balls 1s 0s infinite linear;
 
+				animation: pacman-balls 1s 0s infinite linear;
 
+			}
 
+
 
+			.pacman>div:nth-child(3) {
 
+				-webkit-animation: pacman-balls 1s 0.33s infinite linear;
 
+				animation: pacman-balls 1s 0.33s infinite linear;
 
+			}
 
+
 
+			.pacman>div:nth-child(4) {
 
+				-webkit-animation: pacman-balls 1s 0.66s infinite linear;
 
+				animation: pacman-balls 1s 0.66s infinite linear;
 
+			}
 
+
 
+			.pacman>div:nth-child(5) {
 
+				-webkit-animation: pacman-balls 1s 0.99s infinite linear;
 
+				animation: pacman-balls 1s 0.99s infinite linear;
 
+			}
 
+
 
+			.pacman>div:first-of-type {
 
+				width: 0px;
 
+				height: 0px;
 
+				border-right: 25px solid transparent;
 
+				border-top: 25px solid #fff;
 
+				border-left: 25px solid #fff;
 
+				border-bottom: 25px solid #fff;
 
+				border-radius: 25px;
 
+				-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
 
+				animation: rotate_pacman_half_up 0.5s 0s infinite;
 
+			}
 
+
 
+			.pacman>div:nth-child(2) {
 
+				width: 0px;
 
+				height: 0px;
 
+				border-right: 25px solid transparent;
 
+				border-top: 25px solid #fff;
 
+				border-left: 25px solid #fff;
 
+				border-bottom: 25px solid #fff;
 
+				border-radius: 25px;
 
+				-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
 
+				animation: rotate_pacman_half_down 0.5s 0s infinite;
 
+				margin-top: -50px;
 
+			}
 
+
 
+			.pacman>div:nth-child(3),
 
+			.pacman>div:nth-child(4),
 
+			.pacman>div:nth-child(5),
 
+			.pacman>div:nth-child(6) {
 
+				background-color: #fff;
 
+				width: 15px;
 
+				height: 15px;
 
+				border-radius: 100%;
 
+				margin: 2px;
 
+				width: 10px;
 
+				height: 10px;
 
+				position: absolute;
 
+				-webkit-transform: translate(0, -6.25px);
 
+				-ms-transform: translate(0, -6.25px);
 
+				transform: translate(0, -6.25px);
 
+				top: 25px;
 
+				left: 100px;
 
+			}
 
+
 
+			.wait-text {
 
+				display: block;
 
+				color: #fff;
 
+				font-size: 12px;
 
+				margin-top: 20px;
 
+			}
 
+		</style>
 
+	</head>
 
+	<body>
 
+		<!-- 等待页 -->
 
+		<section class="waitting full" id="load">
 
+			<div class="loader-inner pacman">
 
+				<div></div>
 
+				<div></div>
 
+				<div></div>
 
+				<div></div>
 
+				<div></div>
 
+				<p class="wait-text">游戏已经开始，请等待下一轮</p>
 
+			</div>
 
+		</section>
 
+	</body>
 
+</html>

+ 0 - 1
index.html
View File 

@@ -44,7 +44,6 @@
 
 				<!-- 答题框 -->

 				<section class="answer-box" id="ansBox">

 					<div class="ans ans-1" data-id="0">A</div>

-					<!-- <div class="ans ans-2" data-id="1">B</div> -->

 					<div class="ans ans-3" data-id="2">B</div>

 				</section>

 			</section>

+ 28 - 30
js/game.js
View File 

@@ -62,21 +62,12 @@ var uid = getQueryString('uid');
 
 var uname = getQueryString('uname');

 var round_id = getQueryString('round_id');

 if (!uid || !uname) {

-	window.location.href = "https://www.100t.com/gjnh/2022.php";

+	// window.location.href = "http://www.100t.com/gjnh/2022.php";

 } else {

 	$.post(registUrl, JSON.stringify({

 		uid,

 		uname

-	}), function(res) {

-		if (res.status == 0 && res.game_status == 0) {

-			$load.fadeOut(function() {

-				$(this).remove();

-				init();

-				$ren.html(res.data.length);

-			});

-		}

-	})

-

+	}), function(res) {})

 	waiting(function() {

 		preload(["bg.png", "figure.png", "img1.png", "img2.png", "img3.png", "line.png",

 			"qus-top.png",

@@ -86,7 +77,6 @@ if (!uid || !uname) {
 
 			$load.fadeOut(function() {

 				$(this).remove();

 				init();

-				$ren.html(res.data.length);

 			});

 		})

 	})

@@ -117,13 +107,11 @@ function init() {
 
 		}

 

 		getIn(me.$id, 1, 1, "20ms");

-		console.log(peopleArr);

 		clearTimeout(timer1);

 	}, 100);

 

 	setTimeout(function() {

 		startQues();

-		// getCounter();

 	}, 1000);

 }

 

@@ -139,7 +127,6 @@ function getIn(str, i, j, delay) {
 
 function startQues() {

 	if (!me.$id.hasClass('row1')) {

 		postAns(-1, 0, 30);

-		console.log("失败");

 		fail();

 		isQuesEnd = true;

 		window.clearInterval(timer);

@@ -165,7 +152,7 @@ function startQues() {
 
 			}

 			quesCount--;

 			$countDown.html(quesCount);

-		}, 100);

+		}, 1000);

 	} else {

 		isQuesEnd = true;

 		clearTimeout(quesTimer);

@@ -188,7 +175,6 @@ function nextGame(ques) {
 
 		$(".row0").removeClass("row0");

 		$(".row2").removeClass("row2").addClass("row1");

 	}

-	console.log(trapHtml);

 	$trap.html(trapHtml).show();

 	setTimeout(function() {

 		var $rows = $(".row1"),

@@ -235,11 +221,13 @@ function getRandAns() {
 
 	var tempPeople = peopleArr.concat();

 	for (var i = 0; i < 3; i++) {

 		for (var j = 0; j < 36; j++) {

+			if (i == 1) {

+				continue;

+			}

 			if (j == 1) {

 				continue;

 			}

 			var rand = Math.floor(Math.random() * tempPeople.length);

-			console.log(rand, tempPeople[rand]);

 			var id = tempPeople.splice(rand, 1)[0];

 			delay = Math.floor(Math.random() * 3000) + "ms";

 			if (id) {

@@ -284,12 +272,15 @@ $("#ansBox").on("click", ".ans", function() {
 
 			$this.addClass("active").siblings().removeClass("active");

 			removePos(me.$id).removeAttr("style").addClass("d" + dataId + "-" + 1).addClass("row" + dataId);

 			me.row = dataId;

-			var iscorrect = -1,

-				time = quesEnd - quesCount;

+			var ans = -1,

+				time = quesEnd - quesCount,

+				iscorrect = 0;

 			if (quesData[quesFlag].right == "A") {

+				ans = dataId == 0 ? 1 : 0;

 				iscorrect = dataId == 0 ? 1 : 0;

-			} else if (quesData[quesFlag].right == "A") {

-				iscorrect = dataId == 2 ? 0 : 1;

+			} else if (quesData[quesFlag].right == "B") {

+				ans = dataId == 2 ? 0 : 1;

+				iscorrect = dataId == 2 ? 1 : 0;

 			}

 			postAns(ans, iscorrect, time);

 		}

@@ -331,7 +322,6 @@ function reconnect(service) {
 
 	}

 }

 var isWait = true;

-

 var timer = null;

 

 function waiting(callback) {

@@ -346,24 +336,32 @@ function waiting(callback) {
 
 	}

 	ws.onmessage = function(e) {

 		var res = JSON.parse(e.data);

-		if (res.status == 1 && isWait) {

+		if (res.status == 1 && isWait&& res.game_status == 1) {

+			window.location.href = "gameready.html";

+		}

+		if (res.status == 1 && isWait && res.game_status != 1) {

 			isWait = false;

 			callback();

 		}

-		if (res.status == 2 && !isWait && game_status != 1) {

+		if (res.status == 2 && !isWait &&  res.game_status == 1) {

 			isQuesEnd = true;

 			clearTimeout(quesTimer);

 			success();

 		}

+		/* if(res.status == 1 && !isWait && res.data.length<100){

+			isQuesEnd = true;

+			clearTimeout(quesTimer);

+			window.clearInterval(timer);

+			success();

+		} */

 		$ren.html(res.data.length);

 	}

 	ws.onclose = function() {

 		console.log("closed...")

 		window.clearInterval(timer)

-		//这里仿照page.html添加上重连机制

-		reconnect(wsWaitUrl)

+		//这里仿照page.html、

+		ws.onerror = function(err) {

+			window.clearInterval(timer)

+		};

 	}

-	ws.onerror = function(err) {

-		window.clearInterval(timer)

-	};

 }

+ 3 - 2
page.html
View File 

@@ -4,6 +4,7 @@
 
 <head>

 	<meta charset="utf-8">

 	<title>大屏首页</title>

+		<meta name="viewport" content="width=device-width, initial-scale=1.0">

 	<style>

 		body,

 		p,

@@ -67,7 +68,7 @@
 
 		<p class="text">当前在线人数：<span id="nowWait">0</span></p>

 		<div class="btn-box">

 			<a onclick="setStatus(1)" class="btn1"><img src="img/pbtn.png"></a>

-			<!-- <a onclick="setStatus(0)" class="btn2"><img src="img/pbtn2.png"></a> -->

+			<a onclick="setStatus(2)" class="btn2"><img src="img/pbtn2.png"></a>

 		</div>

 	</div>

 	<script src="js/jquery.js"></script>

@@ -76,7 +77,7 @@
 
 		var timeConnect = 0;

 		var baseUrl = "gj.100t.com";

 		var wsWaitUrl = "ws://" + baseUrl + "/ws/quepass/onlinewaiting";

-		var startGameUrl="http://"+baseUrl+"api/quepass/status";

+		var startGameUrl="http://"+baseUrl+"/api/quepass/status";

 		function webSocketInit(service) {

 			var ws = new WebSocket(service);

 			var timer = null

+ 15 - 15
question.json
View File 

@@ -1,19 +1,19 @@
 
 {

 	"ques":[

-			{"text":"1、本届冬奥会中国代表团共获得9枚金牌<br>A.正确<br>B.错误","right":"A"},

-	{"text":"2、本届冬奥会中国代表团获奖牌榜季军<br>A.正确<br>B.错误","right":"A"},

-	{"text":"3、青霉素属于一种抗生素。<br>A.正确<br>B.错误","right":"A"},

-	{"text":"4、卡拉ok是日本人发明的。<br>A.正确<br>B.错误","right":"A"},

-	{"text":"5、人不惑之年是指50岁。<br>A.正确<br>B.错误","right":"B"},

-	{"text":"6、五粮液数浓香型白酒。<br>A.正确<br>B.错误","right":"A"},

-	{"text":"7、2012年伦敦奥运会中国是金牌榜第一名。<br>A.正确<br>B.错误","right":"B"},

-	{"text":"8、按照《中国人民银行法》规定，中央银行可以对企业直接发放贷款。<br>A.正确<br>B.错误","right":"B"},

-	{"text":"9、金融机构是指特意从事货币、信用活动的中介组织。<br>A.正确<br>B.错误","right":"A"},

-	{"text":"10、政策性银行经营时以盈利为目的。<br>A.正确<br>B.错误","right":"B"},

-	{"text":"11、上市公司董事会成员中应当有1/3以上的独立董事。<br>A.正确<br>B.错误","right":"A"},

-	{"text":"12、欧洲债券是国际债券的一种<br>A.正确<br>B.错误","right":"A"},

-	{"text":"13、将廉洁从业、合规执业、诚信执业和（）等情况纳入绩效考核与人员管理体系,加强正向引导激励和反向惩戒约束作用<br>A.培训宣导<br>B.践行企业文化","right":"B"},

-	{"text":"14、以下哪个平台是公司打造的专业风险管理平台<br>A.风险*说<br>B.金规指","right":"A"},

-	{"text":"15、下列业务中，哪项业务风险是以信用风险为主？<br>A.财富管理业务<br>B.融资类业务","right":"B"}

+			{"text":"本届冬奥会中国代表团共获得9枚金牌<br>A.正确<br>B.错误","right":"A"},

+	{"text":"本届冬奥会中国代表团获奖牌榜季军<br>A.正确<br>B.错误","right":"A"},

+	{"text":"青霉素属于一种抗生素。<br>A.正确<br>B.错误","right":"A"},

+	{"text":"卡拉ok是日本人发明的。<br>A.正确<br>B.错误","right":"A"},

+	{"text":"人不惑之年是指50岁。<br>A.正确<br>B.错误","right":"B"},

+	{"text":"五粮液数浓香型白酒。<br>A.正确<br>B.错误","right":"A"},

+	{"text":"2012年伦敦奥运会中国是金牌榜第一名。<br>A.正确<br>B.错误","right":"B"},

+	{"text":"按照《中国人民银行法》规定，中央银行可以对企业直接发放贷款。<br>A.正确<br>B.错误","right":"B"},

+	{"text":"金融机构是指特意从事货币、信用活动的中介组织。<br>A.正确<br>B.错误","right":"A"},

+	{"text":"政策性银行经营时以盈利为目的。<br>A.正确<br>B.错误","right":"B"},

+	{"text":"上市公司董事会成员中应当有1/3以上的独立董事。<br>A.正确<br>B.错误","right":"A"},

+	{"text":"欧洲债券是国际债券的一种<br>A.正确<br>B.错误","right":"A"},

+	{"text":"将廉洁从业、合规执业、诚信执业和（）等情况纳入绩效考核与人员管理体系,加强正向引导激励和反向惩戒约束作用<br>A.培训宣导<br>B.践行企业文化","right":"B"},

+	{"text":"以下哪个平台是公司打造的专业风险管理平台<br>A.风险*说<br>B.金规指","right":"A"},

+	{"text":"下列业务中，哪项业务风险是以信用风险为主？<br>A.财富管理业务<br>B.融资类业务","right":"B"}

 	]

 }

+ 20 - 0
question2.json
View File 

@@ -0,0 +1,20 @@
 
+{
 
+	"ques":[
 
+		{"text":"本届冬奥会的吉祥物是福娃<br>A.正确<br>B.错误","right":"B"},
 
+		{"text":"北京是奥运会历史上第一个举办过夏季奥运会和冬季奥运会的城市<br>A.正确<br>B.错误","right":"A"},
 
+		{"text":"国际足球赛的常规比赛时间是90分钟。<br>A.正确<br>B.错误","right":"A"},
 
+		{"text":"最大的动物是蓝鲸。<br>A.正确<br>B.错误","right":"A"},
 
+		{"text":"五岳之一的中岳是指华山。<br>A.正确<br>B.错误","right":"B"},
 
+		{"text":"现代奥林匹克之父是顾拜旦。<br>A.正确<br>B.错误","right":"A"},
 
+		{"text":"最早的宗教是佛教。<br>A.正确<br>B.错误","right":"A"},
 
+		{"text":"外国债券的特点是债券发行人、债券的面值货币和发行市场同属于一个国家<br>A.正确<br>B.错误","right":"B"},
 
+		{"text":"有限责任公司设立监事会，其成员不得少于5人。<br>A.正确<br>B.错误","right":"B"},
 
+		{"text":"证券市场对中国经济更具消极作用。<br>A.正确<br>B.错误","right":"B"},
 
+		{"text":"资产负债比率是资产总额除以负债总额的百分比。<br>A.正确<br>B.错误","right":"B"},
 
+		{"text":"买进期货或期权同样都有权利和义务。<br>A.正确<br>B.错误","right":"B"},
 
+		{"text":"公司各业务部门、分支机构及子公司（）作为风险管理第一责任人，应全面了解并在决策中充分考虑与业务相关的各类风险，及时识别、评估、监控、应对、报告相关风险，完善相关风险管理制度，并承担风险管理有效性的直接责任<br>A.负责人<br>B.合规风控岗","right":"A"},
 
+		{"text":"操作风险是指（）<br>A.公司无法以合理成本及时获得充足资金，以偿付到期债务、履行其他支付义务和满足正常业务开展的资金需求的风险<br>B.由不完善或有问题的内部程序、员工及系统或外部事件所造成损失的风险","right":"B"},
 
+		{"text":"下列哪个说法是错误的？<br>A.证券从业人员不得直接或者间接利用他人提供或主动获取的内幕信息、未公开信息、商业秘密和客户信息谋取利益，谋取不正当利益<br>B.证券从业人员可以利用职权为近亲属或者其他利益关系人从事营利性经营活动提供便利条件","right":"B"},
 
+		
+	]
 
+}

+ 65 - 0
question3.json
View File 

@@ -0,0 +1,65 @@
 
+{
 
+	"ques": [{
 
+			"text": "鱼香肉丝里有鱼<br>A.正确<br>B.错误",
 
+			"right": "B"
 
+		},
 
+		{
 
+			"text": "我国的中央银行是中国银行。<br>A.正确<br>B.错误",
 
+			"right": "B"
 
+		},
 
+		{
 
+			"text": "酸雨是指pH小于5.6的雨雪。<br>A.正确<br>B.错误",
 
+			"right": "A"
 
+		},
 
+		{
 
+			"text": "反复烧开的水会有毒。<br>A.正确<br>B.错误",
 
+			"right": "B"
 
+		},
 
+		{
 
+			"text": "一般金婚是纪念结婚50周年。<br>A.正确<br>B.错误",
 
+			"right": "A"
 
+		},
 
+		{
 
+			"text": "菠萝生长在树上。<br>A.正确<br>B.错误",
 
+			"right": "B"
 
+		},
 
+		{
 
+			"text": "经济危机期间，金融市场上货币资本过剩，利率极低。<br>A.正确<br>B.错误",
 
+			"right": "B"
 
+		},
 
+		{
 
+			"text": "利率水平提高，必定导致股票价格下跌。<br>A.正确<br>B.错误",
 
+			"right": "B"
 
+		},
 
+		{
 
+			"text": "当GDP持续、稳定、高速增长时，证券市场呈上升走势。<br>A.正确<br>B.错误",
 
+			"right": "A"
 
+		},
 
+		{
 
+			"text": "当出现通货膨胀，经济过度繁荣时，中央银行应采取紧缩的货币政策。<br>A.正确<br>B.错误",
 
+			"right": "A"
 
+		},
 
+		{
 
+			"text": "反映公司在某一特定时点财务状况的报表是损益表。<br>A.正确<br>B.错误",
 
+			"right": "B"
 
+		},
 
+		{
 
+			"text": "新时代证券基金行业文化的核心理念和重要内涵为：是底线，是义务，是特色，是保证。（）<br>A.合规、诚信、专业、稳健<br>B.专业、稳健、合规、诚信",
 
+			"right": "A"
 
+		},
 
+		{
 
+			"text": "现代金融理论中著名的BSM模型指的是（）。<br>A.期权定价模型<brB.资本资产定价模型",
 
+			"right": "A"
 
+		},
 
+		{
 
+			"text": "我国证券行业软实力发展滞后于硬指标，从业人员合规风险问题频发，对行业形象造成负面影响，其中硬指标不包括（）。<br>A.业绩水平<br>B.文化建设",
 
+			"right": "B"
 
+		},
 
+		{
 
+			"text": "“白雪公主”这个形象最早来自于<br>A.格林童话<br>B.安徒生童话",
 
+			"right": "B"
 
+		}
 
+
 
+
 
+	]
 
+}