前言
又是一个用JavaScript实现的小游戏,游戏规则为:根据上面的字的颜色从下面选择正确的字,选择正确自动开始
正文
主要思路:
如何改变字体和颜色:将颜色和字块,放进数组,通过将数组进行重新排序,这样可以将颜色随机赋给随机的一个字体。
如何进行判断:通过获取提示信息的颜色值和当前点击的对象的innerHTML进行比较,如果符合条件,则进入下一轮,例如:
if(char_inform == '红' && remind.style.color == 'red') {
random();
count++;
}
分数设置:当第一次点击正确时,游戏开始,并且开始计时,每点击正确一次,分数加1;在这儿,通过两层判断,用来防止计时器重复启动。例如:
if(count == 1) {
a++;
if(a == 1) {
cut_down();//计时器函数
}
}
}
这样,当下次点击正确时,a=2;满足条件,计时器函数无法再次调用。
重置游戏:当计时结束时,即time=0时,游戏结束。点击重置按钮,可以重新开始游戏,这儿用到history.go('0')用来刷新界面,以此来达到重置游戏的效果
效果图:
源码如下:
倒计时:
总分:
根据上面的字的颜色从下面选择正确的字,选择正确自动开始