ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

123算术题

2026/8/9 1:51:50 拓冰建站 浏览量
123算术题

欢迎来到程序小院

123算术题

玩法:算术题,在2秒内选出正确答案,总共有20道题,看你能坚持多久,快去答题吧^^。

开始游戏icon-default.png?t=N7T8https://www.ormcc.com/play/gameStart/258

html

<div id="mydiv"><div class="loadPage"><div class="loading"><div class="loading-num">0%</div><div class="inner"><div class="loading-progress"></div></div></div></div></div><ul class="list1"><li><div><i>1+1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2+1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>3-1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>1+2</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2-1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>3-2</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li></ul><ul class="list2"><li><div><i>1+1-1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>1+2-1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>3-2+1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>3+1-2</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2-1+2</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>3-1+1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>3-2+2</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2+1-2</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>3+1-3</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>1-1+3</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>1+3-2</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2+3-3</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li></ul><ul class="list3"><li><div><i>(3-2)+1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2+(1-2)</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>(3+1)-3</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>(1+2)-1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>1+(3-2)</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>(2+3)-3</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>3-(1+1)</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2-(3-2)</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2+(3-2)</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>1+(3-1)</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>3-(1+1)</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li></ul><ul class="list4"><li><div><i>(1+1)*1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>(1+2)*1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2*(3-2)</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>(3*1)-2</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>(1*2)-1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>1*(3-2)</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>(3-2)*3</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>(2-1)*3</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2*2-1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li><li><div><i>2*1+1</i>=?</div><span><em>1</em><em>2</em><em>3</em></span></li></ul><div class="p_con"><div class="fm"><div class="btn1"></div><div class='er_right1'></div></div><div class="js"><p class='p_b'>0秒</p><ul class="js_a"></ul>  </div>
<div class="fd_con"><!-- <div class="test"></div> --><div class="pl"><p>我答对了<i>0</i>题&nbsp;坚持了<i>0</i>秒</p><h1><img src='./img/MAIN/2015/05/115577/images/t1.png' /></h1></div><div class="pla"></div><div class="plb"></div><div class="return">不服再来</div><div class="share_btn">点击右上角分享</div>
</div>
</div>

css

.er_left{ position:absolute;left:-250px;top:100px;width:200px;text-align:center;}
.er_right{ position:absolute;right:-250px;top:300px;width:200px;text-align:center; z-index:1000;}
.er_right1{ position:absolute;right:0px;bottom:0px;width:200px;text-align:center; z-index:1000; display:none;}
.p_con{ position:relative;width:640px;height:830px; overflow:hidden;}
@keyframes haha {0% { background-position: 0 0;}100% {background-position:-588px 0;}}@-webkit-keyframes haha {0% { background-position: 0 0;}100% {background-position:-588px 0;}
}@keyframes cry {0% { background-position: 0 0;}100% {background-position:-588px 0;}}@-webkit-keyframes cry {0% { background-position: 0 0;}100% {background-position:-588px 0;}
}

js

$("span").append("<div></div>")
var count_max = 0;
$(".btn1").click(function() {$(".fm").hide();test_show();
});
$(".return").click(function() {test_show();
});
function test_show() {playMusic("./img/MAIN/2015/05/115577/1792.mp3");var num = [];var count = 0;var time = 1500;var test_num = 0;function test(id) {clearTimeout(timeOut);var Did = $(id);var list = [];$(".js").animate({"left": "0"});$(".fd_con").animate({"left": "640px"});var arr = [];var arr_a = [];for (var i = 0; i < Did.length; i++) {arr[i] = i;};arr_a = arr.sort(function() {return Math.random() > 0.5 ? -1 : 1;})for (var j = 0; j < 5; j++) {//var Ntime=j*2;list += "<li><p class='p_a'>" + Number((j + 1) + 5 * test_num) + "/20</p>" + Did.eq(arr_a[j]).html() + "" + "</li>";};test_num++;return list;}$(".js_a").html(test(".list1 li") + test(".list2 li") + test(".list3 li") + test(".list4 li"));$(".js_a li").hide();var c = 0;$(".js_a li").eq(0).show();var t = setTimeout(timedCount(c), 1000);function timedCount(c) {$(".p_b").html(c + "秒");c = c + 1;}var timeOut = setTimeout(function() {stoppage()}, 2000);$(".js_a li").eq(0).find('span div').animate({"width": 0,"margin-left": 0},2000);function stoppage() {clearTimeout(timeOut);clearTimeout(t);$(".js").animate({"left": -640});$(".fd_con").animate({"left": 0});$(".p_b").html("0秒");mySound.stop();var score = count * 2;//updateShare(shareDesc);//Play68.setRankingScoreDesc(score);console.log(score);}$(".js_a li span em").click(function(event) {var result = eval($(this).parent().parent().find('i').html());if ($(this).html() == result) {clearTimeout(timeOut);var n = ($(this).parent().parent().index() + 1) * 2;var t1 = setInterval(timedCount(n), 1000);$(this).parent().parent().next().show();if (count > 15) {timeOut = setTimeout(function() {stoppage()}, 1500);$(this).parent().parent().next().find('span div').animate({"width": 0,"margin-left": 0}, 1500);} else {timeOut = setTimeout(function() {stoppage()}, 2000);$(this).parent().parent().next().find('span div').animate({"width": 0,"margin-left": 0}, 2000);}count++;} else {$(".js").animate({"left": -640});$(".fd_con").animate({"left": 0});mySound.stop();$(".p_b").html("0秒");clearTimeout(timeOut);clearTimeout(t);stoppage();}countAnd(count);});
}
function countAnd(count) {if (count >= 0 && count <= 5) {$(".fd_con .pl").html("<p>我答对了<i>" + count + "</i>题&nbsp;坚持了<i>" + count * 2 + "</i>秒</p><h1><img src='./img/MAIN/2015/05/115577/images/t1.png' /></h1>");$(".plb").addClass('bad');shareDesc = "我撑过了" + count * 2 + "秒,我的数学是体育老师教的……";}if (count > 5 && count <= 10) {$(".fd_con .pl").html("<p>我答对了<i>" + count + "</i>题&nbsp;坚持了<i>" + count * 2 + "</i>秒</p><h1><img src='./img/MAIN/2015/05/115577/images/t2.png' /></h1>");$(".plb").addClass('bad');shareDesc = "我撑过了" + count * 2 + "秒,老师我对不起你……跪!!";}if (count > 10 && count <= 15) {$(".fd_con .pl").html("<p>我答对了<i>" + count + "</i>题&nbsp;坚持了<i>" + count * 2 + "</i>秒</p><h1><img src='./img/MAIN/2015/05/115577/images/t3.png' /></h1>");$(".plb").removeClass('bad');shareDesc = "我撑过了" + count * 2 + "秒,妈妈再也不用担心我的学习啦!";}if (count > 15 && count <= 20) {$(".fd_con .pl").html("<p>我答对了<i>" + count + "</i>题&nbsp;坚持了<i>" + count * 2 + "</i>秒</p><h1 stlye='font-size:52px;line-height:100px;'><img src='./img/MAIN/2015/05/115577/images/t4.png' /></h1>");$(".plb").removeClass('bad');shareDesc = "我撑过了" + count * 2 + "秒,so easy!!!";}
}
function PicData(){var cbFunc_allCom=function(){};var cbFunc_oneCom=function(){};var curInd=0;var picUrlArr = new Array();this.loadPicArr = function(arr,allCom,oneCom){picUrlArr = arr;if(allCom){cbFunc_allCom = allCom;}if(oneCom){cbFunc_oneCom = oneCom;}loadPicOne(picUrlArr[curInd]);}function loadPicOne(url){var img = new Image();img.onload = loadHandler;//img.src = "imgs/"+url+"?r"+Math.random(); img.src = "./img/MAIN/2015/05/115577/images/"+url;}function loadHandler(){cbFunc_oneCom(curInd);curInd++;if(curInd<picUrlArr.length){   loadPicOne(picUrlArr[curInd])}else{   cbFunc_allCom();}}  
}
function play68_init() {// updateShare(0);
}
function play68_submitScore(shareText) {// updateShareScore(shareText);Play68.shareFriend();//setTimeout( function() { Play68.shareFriend(); }, 1000 )
}
function updateShare(shareText) {var descContent = "[六一]123算术题,是学霸就撑过30秒!别放弃做一个高智商的人!";if(shareText){shareTitle = shareText;}else{shareTitle = '[六一]123算术题,是学霸就撑过30秒!';}console.log(shareTitle);appid = '';// Play68.setShareInfo(shareTitle,descContent);
}
function updateShareScore(shareText) {updateShare(shareText);
}

源码

需要源码请关注添加好友哦^ ^

转载:欢迎来到本站,转载请注明文章出处https://ormcc.com/