Игра "Память" на Java Script - JavaScript, Ajax

Wladimir33 · 09.05.2012, 18:27

Ребята помогите доработать программу Игра "Память".
Не получается сделать, чтобы по истечению нескольких секунд (у меня 10 сек) показывалось поле с числами, после истечению 10 секунд оно закрывалась и начиналась сама игра.
Файл с моей игры прикрепляю.

Arigato · 09.05.2012, 18:39

Используйте таймер: http://javascript.ru/setTimeout

Wladimir33 · 09.05.2012, 18:52

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=cp1251" />
<title>Игра "Память"</title>
</head> <body>
<center><span style="height:22px;" id="elapsed"> </span></center>
<center>
<br>
<br>
Ширина игрового поля: <input type='text' id='size1' value='4' /><br/><br>
Время игры: <input type='text' id='time1' value='50' disabled/><br/><br>
Время показа ячеек: <input type='text' id='time2' value='10' /><br/><br>
</center>

<script>
var sizeHid = 4;
var min1,sec1;
var gameAr = new Array ; // массив значений игровых клеток
var bIsGame = false;
// нициализация игрового поля - рисуем квадраты с числами
function loadgame()
{var tSize = document.getElementById('size1').va lue; // пробуем размер поля
if ( !(tSize >= 2 && tSize <= 10 && (tSize % 2 == 0) ) ) {
alert("Размер должен быть ЧЕТНЫМ целым числом от 2 до 10");
return;}
sizeHid = tSize;
v = -1; g = 0; tries = 0; total = 0;
document.getElementById("buttonlist ").innerHTML = "";
for( var i = 0; i < sizeHid; i++) { // цикл формирования игрового поля
for(var j = 0; j < sizeHid; j++) {
v++;
document.getElementById("buttonlist ").innerHTML += '<input type="button" value="?" style="width:70px; height:60px; font-size: 18pt; font-family:Verdana; font-weight: bold" OnClick="button(' +v+ ')">';}
document.getElementById("buttonlist ").innerHTML += "<br>";}
document.mem.start.value = "Старт";
setBoard();}

// заполняем массив числами
function setBoard()
{for(var i = 0; i < (sizeHid*sizeHid)/2; i++)
{gameAr[i] = i+1;
gameAr[i + (sizeHid*sizeHid)/2] = i+1;}
shuffle();}

// Перемешиваем
function shuffle()
{for(var i = 0; i < (rand(300)+200); i++) // 200..500 перемешиваний
{x = 0; y = 0;
while(x == y)
{x = rand(sizeHid*sizeHid); y = rand(sizeHid*sizeHid);}
temp = gameAr[x]; gameAr[x] = gameAr[y]; gameAr[y] = temp;}
show(0);}

function rand(n)
{return Math.floor(Math.random()*n) }

function show(n)
{if((n && confirm("Вы уверены? ")) || !n) {
for(var i = 0; i < sizeHid*sizeHid; i++) {
document.mem.elements[i].value = gameAr[i];
document.mem.elements[i].style.color= "#000";}}
bIsGame = false;}

function blanks()
{for(var i = 0; i < sizeHid*sizeHid; i++)
{document.mem.elements[i].value = " ";}
bIsGame = true;
document.getElementById("elapsed"). innerHTML = document.getElementById("time2").va lue;
setTimeout("ouTime()", 1000);} // запускаем таймер
function ouTime()
{var time = document.getElementById("elapsed");
if (!bIsGame)
{time.value = "";
return;} // если игра закончилась - выходим
time.innerHTML = parseInt(time.innerHTML)-1; // уменьшаем таймер
if(total == (sizeHid*sizeHid)/2)
{return;
parseInt(parseInt(time.innerHTML)) = 0;}
if (parseInt(parseInt(time.innerHTML)) > 0)
{setTimeout("ouTime()", 1000);}
else {time.innerHTML = "";
blank();}}

function blank()
{for(var i = 0; i < sizeHid*sizeHid; i++)
{document.mem.elements[i].value = " ";}
bIsGame = true;
document.getElementById("elapsed"). innerHTML = document.getElementById("time1").va lue;
setTimeout("incTime()", 1000);} // запускаем таймер
function incTime()
{var time = document.getElementById("elapsed");
if (!bIsGame)
{time.value = "";
return;} // если игра закончилась - выходим
time.innerHTML = parseInt(time.innerHTML)-1; // уменьшаем таймер
if(total == (sizeHid*sizeHid)/2)
{return;
parseInt(parseInt(time.innerHTML)) = 0;}
if (parseInt(parseInt(time.innerHTML)) > 0)
{setTimeout("incTime()", 1000);}
else {alert("Ваше время истекло!");
time.innerHTML = "";
show(0);}}

function button(x)//выбор
{if (x < 0) return;
test = "" + gameAr[x];
if(test.charAt(0) == "[") return;
document.mem.elements[x].value = gameAr[x];
if(g == 0)
{first = gameAr[x];
firstx = x;
g++;
return}
if(g == 1)
{second = gameAr[x];
secondx = x;
tries++;
g = 0;
if(first == second)
{gameAr[firstx] = "[" +gameAr[firstx]+ "]";
gameAr[secondx] = "[" +gameAr[secondx]+ "]";
total++;
document.mem.start.value = "попаданий: "+total+"";
document.mem.elements[firstx].style.color = "#4db74a"; document.mem.elements[secondx].style.color = "#4db74a";
if(total == (sizeHid*sizeHid)/2)
{sec = document.getElementById("time1").va lue - document.getElementById("elapsed"). innerHTML;
alert("Вы открыли все числа после "+tries+" попыток(попытки)! за "+sec+" секунд");}
return}}
setTimeout("document.mem.elements[firstx].value = ' '", 500);
setTimeout("document.mem.elements[secondx].value = ' '", 500);}
</script>

<center><form name="mem"><div id="buttonlist"></div>
<center><br>
<input id="startBut" type="button" value="Начали!!!" style="width:100" name="start" OnClick="blanks();" />
<input type="button" value="Хочу снова" OnClick="loadgame();" />
<input type="button" value="Не для меня!" OnClick="show(1);" />
</center></form>

<script> loadgame(); </script>

</center></body>
</html>

09.05.2012, 18:39	#2
Arigato Высокая репутация СуперМодератор Регистрация: 27.07.2008 Сообщений: 15,551	Используйте таймер: http://javascript.ru/setTimeout E-Mail: arigato.freelance@gmail.com

09.05.2012, 18:52	#3
Wladimir33 Регистрация: 25.06.2011 Сообщений: 9	Код куда и что вставлять? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <title>Игра "Память"</title> </head> <body> <center><span style="height:22px;" id="elapsed"> </span></center> <center> <br> <br> Ширина игрового поля: <input type='text' id='size1' value='4' /><br/><br> Время игры: <input type='text' id='time1' value='50' disabled/><br/><br> Время показа ячеек: <input type='text' id='time2' value='10' /><br/><br> </center> <script> var sizeHid = 4; var min1,sec1; var gameAr = new Array ; // массив значений игровых клеток var bIsGame = false; // нициализация игрового поля - рисуем квадраты с числами function loadgame() {var tSize = document.getElementById('size1').va lue; // пробуем размер поля if ( !(tSize >= 2 && tSize <= 10 && (tSize % 2 == 0) ) ) { alert("Размер должен быть ЧЕТНЫМ целым числом от 2 до 10"); return;} sizeHid = tSize; v = -1; g = 0; tries = 0; total = 0; document.getElementById("buttonlist ").innerHTML = ""; for( var i = 0; i < sizeHid; i++) { // цикл формирования игрового поля for(var j = 0; j < sizeHid; j++) { v++; document.getElementById("buttonlist ").innerHTML += '<input type="button" value="?" style="width:70px; height:60px; font-size: 18pt; font-family:Verdana; font-weight: bold" OnClick="button(' +v+ ')">';} document.getElementById("buttonlist ").innerHTML += "<br>";} document.mem.start.value = "Старт"; setBoard();} // заполняем массив числами function setBoard() {for(var i = 0; i < (sizeHidsizeHid)/2; i++) {gameAr[i] = i+1; gameAr[i + (sizeHidsizeHid)/2] = i+1;} shuffle();} // Перемешиваем function shuffle() {for(var i = 0; i < (rand(300)+200); i++) // 200..500 перемешиваний {x = 0; y = 0; while(x == y) {x = rand(sizeHidsizeHid); y = rand(sizeHidsizeHid);} temp = gameAr[x]; gameAr[x] = gameAr[y]; gameAr[y] = temp;} show(0);} function rand(n) {return Math.floor(Math.random()n) } function show(n) {if((n && confirm("Вы уверены? ")) \|\| !n) { for(var i = 0; i < sizeHidsizeHid; i++) { document.mem.elements[i].value = gameAr[i]; document.mem.elements[i].style.color= "#000";}} bIsGame = false;} function blanks() {for(var i = 0; i < sizeHidsizeHid; i++) {document.mem.elements[i].value = " ";} bIsGame = true; document.getElementById("elapsed"). innerHTML = document.getElementById("time2").va lue; setTimeout("ouTime()", 1000);} // запускаем таймер function ouTime() {var time = document.getElementById("elapsed"); if (!bIsGame) {time.value = ""; return;} // если игра закончилась - выходим time.innerHTML = parseInt(time.innerHTML)-1; // уменьшаем таймер if(total == (sizeHidsizeHid)/2) {return; parseInt(parseInt(time.innerHTML)) = 0;} if (parseInt(parseInt(time.innerHTML)) > 0) {setTimeout("ouTime()", 1000);} else {time.innerHTML = ""; blank();}} function blank() {for(var i = 0; i < sizeHidsizeHid; i++) {document.mem.elements[i].value = " ";} bIsGame = true; document.getElementById("elapsed"). innerHTML = document.getElementById("time1").va lue; setTimeout("incTime()", 1000);} // запускаем таймер function incTime() {var time = document.getElementById("elapsed"); if (!bIsGame) {time.value = ""; return;} // если игра закончилась - выходим time.innerHTML = parseInt(time.innerHTML)-1; // уменьшаем таймер if(total == (sizeHidsizeHid)/2) {return; parseInt(parseInt(time.innerHTML)) = 0;} if (parseInt(parseInt(time.innerHTML)) > 0) {setTimeout("incTime()", 1000);} else {alert("Ваше время истекло!"); time.innerHTML = ""; show(0);}} function button(x)//выбор {if (x < 0) return; test = "" + gameAr[x]; if(test.charAt(0) == "[") return; document.mem.elements[x].value = gameAr[x]; if(g == 0) {first = gameAr[x]; firstx = x; g++; return} if(g == 1) {second = gameAr[x]; secondx = x; tries++; g = 0; if(first == second) {gameAr[firstx] = "[" +gameAr[firstx]+ "]"; gameAr[secondx] = "[" +gameAr[secondx]+ "]"; total++; document.mem.start.value = "попаданий: "+total+""; document.mem.elements[firstx].style.color = "#4db74a"; document.mem.elements[secondx].style.color = "#4db74a"; if(total == (sizeHid*sizeHid)/2) {sec = document.getElementById("time1").va lue - document.getElementById("elapsed"). innerHTML; alert("Вы открыли все числа после "+tries+" попыток(попытки)! за "+sec+" секунд");} return}} setTimeout("document.mem.elements[firstx].value = ' '", 500); setTimeout("document.mem.elements[secondx].value = ' '", 500);} </script> <center><form name="mem"><div id="buttonlist"></div> <center><br> <input id="startBut" type="button" value="Начали!!!" style="width:100" name="start" OnClick="blanks();" /> <input type="button" value="Хочу снова" OnClick="loadgame();" /> <input type="button" value="Не для меня!" OnClick="show(1);" /> </center></form> <script> loadgame(); </script> </center></body> </html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
игра "worms", доработка игры "косынка". C#	den790	Фриланс	11	09.12.2011 10:53
ошибка приложения инструкция по адресу "0х00400000" обратилась к памяти по адресу "0х00400000". Память не может быть "wr	sanalia	Помощь студентам	0	30.09.2011 22:20
Виджет "текст" и счетчик на java script	mark999	WordPress и другие CMS	0	12.07.2010 12:01
Что происходит на странице с такие JS: <script src="cmp.php?complete&" id="las..." ...>?	TwiX	JavaScript, Ajax	0	05.02.2010 17:38
Динамическая память или кнопка "Отмена" и "Назад"	Ilnour1986	Microsoft Office Excel	2	27.10.2009 04:49