前端学习(1677):前端系列实战课程之游戏初始化
生活随笔
收集整理的這篇文章主要介紹了
前端学习(1677):前端系列实战课程之游戏初始化
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>游戲初始化界面</title><style>body {margin: 0;padding: 0;}#main {margin: 100px;}.btn {width: 100px;height: 40px;}</style>
</head><body><div id="main"><!-- 按鈕 --><input class="btn" type="button" value="開始游戲" id="begin"><input class="btn" type="button" value="暫停游戲" id="pause"></div><!-- 貪吃蛇游戲設計 --><script>var timer; //變量可以提升/* 開始 */document.getElementById('begin').onclick = function() {clearInterval(timer);timer = setInterval(function() {}, 300)}/* 暫停 */document.getElementById('begin').onclick = function() {clearInterval(timer);timer = setInterval(function() {}, 300)}</script>
</body></html>
?
總結
以上是生活随笔為你收集整理的前端学习(1677):前端系列实战课程之游戏初始化的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 前端学习(1668):前端系列实战课程之
- 下一篇: 【Unity3D 灵巧小知识点】☀️ |