一、实验说明
1. 环境介绍
本实验环境采用Ubuntu Linux桌面环境,实验中会用到桌面上的程序:
Xfce终端: Linux命令行终端,打开后会进入Bash环境,可以使用Linux命令
Firefox及Opera:浏览器,可以用在需要前端界面的课程里,只需要打开环境里写的HTML/JS页面即可
gvim:非常好用的Vim编辑器,最简单的用法可以参考课程Vim编辑器
其他编辑器:如果Vim不熟悉可以使用gedit或brackets,其中brackets比较适合开发前端代码。
二、项目简介
本项目名为打地鼠,是大家耳熟能详的一款经典的小游戏。游戏最终将会以html文件形式完成,需要使用Firefox等浏览器打开才能看到游戏的最终效果。此外,游戏将会采用JavaScript实现整个逻辑流程,所以建议没有JavaScript基础的同学首先学习javaScript教程。
游戏最终效果截图如下:
三、核心方法介绍
在打地鼠小游戏中将会多次用到JavaScript中的计时函数:
setTimeout()
setInterval()
这两个函数的作用很大,不仅仅在本次的小游戏中,在很多的JavaScript程序中都会有“他们”的身影。接下来将会详细的剖析这两个函数。
1. setTimeout()
用于在指定的毫秒数后调用函数或计算表达式(只执行一次,可通过创建一个函数循环重复调用setTimeout,来实现重复操作)
用法示例
setTimeout("functionName()",1000);
setTimeout(functionName,1000);
调用一个无参的方法很简单,但当我们需要调用一个带有参数的函数时,问题就来了。
解决的方法就是再写一个函数,该函数返回一个不带参数的函数。
示例如下:
function show(name){
alert(name + " ,你好!");
}
function returnFun(name){
return function(){
show(name);
};
}
setTimeout(returnFun("小明"),1000);
clearTimeout()
立即终止setTimeout()方法。
示例