pintu
/
puzzle.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PUZZLE</title>
    <link rel="stylesheet" type="text/css" href="puzzle.css">
    <script type="text/javascript" src="puzzle.js"></script>
</head>
<body>

     <div id="container">
         <!--最外面的div，包含里面的内容-->

         <div id="gama">
             <!--游戏区，最大的div方块，包含小方块-->

             <div  id="d1" onclick="move(1)">1</div>
             <!--小的div方块，点击事件执行move（）函数，函数参数是现实的编号，这样是导电剂的是那个方块-->
             <div  id="d2"  onclick="move(2)">2</div>
             <div  id="d3"  onclick="move(3)">3</div>
             <div  id="d4"  onclick="move(4)">4</div>
             <div  id="d5"  onclick="move(5)">5</div>
             <div  id="d6"  onclick="move(6)">6</div>
             <div  id="d7"  onclick="move(7)">7</div>
             <div  id="d8"  onclick="move(8)">8</div>

         </div>

         <div id="control">
             <!--游戏控制区-->

             <p>
                 <rowspan id="timeText">总用时</rowspan>
                 <rowspan id="timer"></rowspan>
             </p>
             <!--显示游戏时间-->

             <p>
                 <rowspan id="start" onclick="start()">开始</rowspan>
                 <rowspan id="reset"  onclick="reset()">重来</rowspan>
             </p>
             <!--显示游戏控制按钮-->

         </div>

     </div>

</body>
</html>