Tutorial zur JavaScript-Stärkung – Sechs Schritte zur Implementierung von Snake

6ee8cdffd738f820990efe8deabe2544 Karte (Div und Tabelle), alle Blöcke (Schlangenkopf, Lebensmittelkörper plus Stil)

2 >

<div id="pannel" style="width: 500px;height: 500px;z-index: 1;opacity: 0.5"></div>

3. Rufen Sie die Funktion „createNode“ auf, um einen Block zu erstellen

4. Timer

document.write("<table cellspacing=&#39;0px&#39;>");
    for (var i = 0; i < 10; i++) {... }
    document.write("</table>");

5.

6. Die Funktion moveNode() {...} führt diese Funktion regelmäßig aus

var pannel = document.getElementById("pannel");
    function createNode(type) {... } //根据type创建块（0头部 1食物 2身体）    //申请一些变量以便以后调用
    var allNode = new Array();//存所有吃到的身体
    var fooldNode = null;//指向食物a
    var headNode = null;//指向头部b
    headNode = createNode(0);//创建头部A
    headNode.value = 39;//给头部一个方向  37左 38上 39右 40下
    fooldNode = createNode(1);//创建食物B

, um Folgendes zu erreichen: Bewegen Sie alle Körper 2. Bewegen Sie den Schlangenkopf3. Erstellen Sie einen neuen Block und der neue Block wird am Schwanz der Schlange erzeugt, in die gleiche Richtung wie der Schwanz der Schlange

function moveNode() {...};

-- ------------------- ----------------- ------------------- ------------------------Implementierungsquellcode

setInterval(moveNode, 500);启动定时器

Das Obige ist das JavaScript-Verbesserungs-Tutorial – sechs Schritte, um Völlerei-Snake-Inhalte zu erreichen. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

document.onkeydown = function () {通过
event.keyCode改变headNode.value
实现用户按键改变蛇头自动移动的方向}