js测试点击数速度的源码.docx

1 动脑小游戏HTMLHEADTITLE游戏篇--动脑小游戏/TITLE/HEADBODY bgcolor=#fef4d2 brbrcenterh2游戏篇--动脑小游戏/h2hr width=300br!-- 案例代码1开始 --script language=JavaScript!-- [Step1]: 这里能够设置网格的大小 --var size=5var moves = 0var on = 0var off = size*2var current = nullfunction StartGame() { size = document.all.gameSize.value if (size3) size=3 if (size10) size=10 document.all.gameSize.value = size document.all.board.outerHTML = BuildTable() moves=0 document.all.moves.innerText = moves CountTable()}function BuildTable() { var str = table id=board border=5 onselectstart=\return false\ onclick=\WhenClick()\ onmouseover=\WhenOver()\ cellspacing=0 cellpadding=0 for (var x=0; x size; x++) { str+=TR for (var y=0; y size; y++) { str+=TD /TD } str+=/TR } str+=/TABLE return str}function WhenClick() { SetTableColor(current) var cellIdx = current.cellIndex var rowIdx = current.parentElement.rowIndex if (rowIdx0) SetTableColor(board.rows[rowIdx-1].cells[cellIdx]) if (rowIdxsize-1) SetTableColor(board.rows[rowIdx+1].cells[cellIdx]) if (cellIdx0) SetTableColor(board.rows[rowIdx].cells[cellIdx-1]) if (cellIdxsize-1) SetTableColor(board.rows[rowIdx].cells[cellIdx+1]) moves++ document.all.moves.innerText = moves if (CountTable()) { board.onclick = null board.onmouseover = null current.style.background = #990066 } }function WhenOver() { if ((event.srcElement.tagName==TD) (current!=event.srcElement)) { if (current!=null) current.style.backgroundColor = current._background event.srcElement._background = event.srcElement.style.backgroundColor event.srcElement.style.backgroundColor = lightgrey current = event.srcElement }}function SetTableColor(el) { if ((el._background==) || (el._background==null)) { el.style.backgroundColor = #990066 el._background = #990066 } else { el.style.backgroundColor = el._background = }}function CountTable() { off = 0;