欢迎来到程序小院
123算术题
玩法:算术题,在2秒内选出正确答案,总共有20道题,看你能坚持多久,快去答题吧^^。
开始游戏https://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>题 坚持了<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>题 坚持了<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>题 坚持了<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>题 坚持了<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>题 坚持了<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/