<table border:1>
  <script>
   var rowlength = 4;
   var collength = 5;
   var str = '';
   for (var i = 0; i < rowlength; i++) {
    str += '<tr>'
    for (var j = 0; j < collength; j++) {
     //這里將每個(gè)td的id拼接為imgxx xx為元素索引
     var index = i * collength + j;
     var id = "img" + index;
     //注意這里字符串 每個(gè)''是一個(gè)字符串進(jìn)行輸出
      str += '<td id="' + id + '" onclick="showImg(' + index + ')">';
     str += '</td>';
    }
    str += '</tr>'
   }
   document.write(str);
  </script>
 </table>

var NEW_START = true;
  var times = 0;
  var trans = [];
  var numArr = [];

 function $(id) {
  return document.getElementById(id);
   }

function getNum() {
    var index = 0;
    var arrLength = rowlength * collength / 2;
    var arr = new Array();
    while (index < arrLength) {
     var flag = true;
     var num = parseInt(Math.random() * 100);
     for (var i in arr) {
      if (arr[i] == num || arr[i] < 1) {
       flag = false;
      }
     }
     if (flag == true) {
      arr[index] = num;
      index++;
     }
    }
    //alert(arr.length);
    //arr是十個(gè)互不相等的隨機(jī)數(shù) 
    // newArr數(shù)組就是每個(gè)隨機(jī)數(shù)都有兩個(gè)的數(shù)組
    var newArr = new Array();
    for (var i = 0; i < arrLength; i++) {
     newArr[i] = arr[i];
     newArr[arrLength + i] = arr[i];
    }
    return newArr;
   }

<input type="button"
 id="startButton" 
value="開(kāi)始游戲" 
onclick="init()">

function init() {
    //如果已經(jīng)開(kāi)始 拒絕點(diǎn)擊
    if (NEW_START == false) {
     return;
    }
    //結(jié)束時(shí)用于顯示時(shí)間的h4標(biāo)簽
    $('end').innerHTML = '';
    var count = rowlength * collength;
    //將每個(gè)格子的數(shù)據(jù)隱藏 初始化每個(gè)格子的翻轉(zhuǎn)狀態(tài)
    for (var i = 0; i < count; i++) {
     $('img' + i).innerHTML = '';
     trans[i] = 0;
    }
    //將游戲用時(shí)置為0
    times = 0;
    $('gametime').innerHTML = times + '秒';
    //獲取隨機(jī)的三十個(gè)數(shù)的隨機(jī)序列數(shù)組 注意排序函數(shù)的使用
    numArr = getNum().sort(function () {
     return Math.random() - 0.5;
    });
    alert("已生成隨機(jī)數(shù)，按表格順序排列：" + numArr);
   }

用時(shí)：<span id="gametime">0秒</span>
 function countTime() {
    if (NEW_START == false) {
     setTimeout('countTime()', 1000);
     $('gametime').innerHTML = times + "秒";
     times++;
    }
   }

function showImg(index) {
    //未點(diǎn)擊開(kāi)始，還未初始化，退出
    if (numArr[0] == undefined) {
     return;
    }
    //初次點(diǎn)擊進(jìn)入，開(kāi)啟計(jì)時(shí)
    if (NEW_START) {
     NEW_START = false;
     countTime();
    }
    //1-點(diǎn)擊已經(jīng)徹底顯示的元素 退出
    if (trans[index] == 2) {
     return;
    }
    //將點(diǎn)擊的格子的元素顯示出來(lái)，并改變翻轉(zhuǎn)狀態(tài)
    //alert(index);
    //alert(numArr)
    var clickEle = $('img' + index);
    clickEle.innerHTML = numArr[index];
    //已點(diǎn)擊元素的index
    var transIndex;
    for (var i in trans) {
     if (trans[i] == 1) {
      transIndex = i;
     }
    }
    //2-如果點(diǎn)擊的是剛剛已顯示元素
    if (transIndex == index) {
     trans[index] = 1;
     return;
    }
    //3-點(diǎn)擊新元素 與先前顯示元素對(duì)比 兩種情況-相等 不等
    else {
     if (numArr[transIndex] == numArr[index]) {
      trans[transIndex] = 2;
      trans[index] = 2;
     } else {
      trans[transIndex] = 0;
      trans[index] = 1;
     }
    }
    refreshUI();
   }

function refreshUI() {
    //此處用fore循環(huán)會(huì)最后存在一個(gè)undefined
    //count記錄已經(jīng)被徹底顯示的個(gè)數(shù)
    var count = 0;
    for (var i = 0; i < trans.length; i++) {
     if (trans[i] == 0) {
      $('img' + i).innerHTML = '';
     }
     if (trans[i] == 1) {
      $('img' + i).innerHTML = numArr[i];
     }
     if (trans[i] == 2) {
      $('img' + i).innerHTML = numArr[i]
      count++;
     }
    }
    if (count == collength * rowlength) {
     NEW_START = true;
     var endTime = times;
     $('end').innerHTML = '用時(shí)' + endTime + '秒??！游戲結(jié)束，點(diǎn)擊開(kāi)始游戲繼續(xù)';
     $('gametime').innerHTML = endTime + "秒";
    }
   }