js仿3366小游戏选字游戏
投稿：lijiao
字体：[ ] 类型：转载 时间：
这篇文章主要为大家详细介绍了js仿3366小游戏选字游戏
本文实例为大家分享了js仿3366小游戏中“你是色盲吗”游戏，大家先来挑战一下
游戏目标: 按画面中出现的文字的颜色来选择颜色，千万不要被颜色的困局打扰，眼睛一定要放亮哦，游戏开始时会有10分，每答对一题得一分，总共有10分，时间用完游戏会结束。
操作说明: 鼠标点击选择颜色
1、效果图：
&!DOCTYPE html&
&meta charset="UTF-8"&
&title&&/title&
&style type="text/css"&
width: 400
height: 600
width: 100%;
height: 50
width: 150
height: 100%;
line-height: 50
font-size: 20
text-align:
width: 150
height: 100%;
line-height: 50
font-size: 20
/*text-align:*/
width: 100%;
height: 450
width: 100%;
height: 300
font-size: 200
text-align:
line-height: 300
width: 80%;
height: 150
text-indent: 2
font-size: 25
width: 100%;
height: 100
.bottomText {
width: 20%;
height: 100
text-align:
line-height: 100
font-size: 70
&div class="wrap"&
&div class="head"&
&div class="time"&时间:10s&/div&
&div class="score"&分数 :0&/div&
&div class="middle"&
&div class="text"&蓝&/div&
&div class="alert"&根据上面的字的颜色从下面选择正确的字,选择正确自动开始&/div&
&div class="bottom"&
&div class="bottomText"&红&/div&
&div class="bottomText"&绿&/div&
&div class="bottomText"&黑&/div&
&div class="bottomText"&蓝&/div&
&div class="bottomText"&黄&/div&
&script type="text/javascript"&
//变化的核心 获得不重复的乱序数组(数组中下标值)
function random(min, max) {
return parseInt(Math.random() * (max - min + 1)) +
//不重复的数组
function randomArr() {
var arr = [];
while (arr.length & 5) {
var temp = random(0, 4);
if (arr.indexOf(temp) == -1) {
arr.push(temp);
function fresh() {
//中间字 变化
var textIndex = random(0, 4);
colorIndex = random(0, 4);
textDiv.innerHTML = textArr[textIndex];
textDiv.style.color = colorArr[colorIndex];
//获取乱序下标数组
var textRandoms = randomArr();
var colorRandoms = randomArr();
for (var i = 0; i & bottomDivs. i++) {
//通过乱序下标获取文本,赋值给div
bottomDivs[i].innerHTML = textArr[textRandoms[i]];
bottomDivs[i].style.color = colorArr[colorRandoms[i]];
//保存乱序下标
bottomDivs[i].index = textRandoms[i];
var textDiv = document.querySelector(".text");
var bottomDivs = document.querySelectorAll(".bottomText");
var timeDiv = document.querySelector(".time");
var scoreDiv = document.querySelector(".score");
var alertDiv = document.querySelector(".alert");
var textArr = ["红", "绿", "蓝", "黄", "黑"];
var colorArr = ["red", "green", "blue", "yellow", "black"];
var colorIndex=0;
var timer =
var isplaying =
var countDown = 10;
var score = 0;
for (var i = 0; i & bottomDivs. i++) {
bottomDivs[i].onclick = function(){
if(colorIndex == this.index &&countDown!=0 ){
isplaying =
//分数增加
scoreDiv.innerHTML = "分数: "+
alertDiv.style.opacity = 0;
}else if(colorIndex != this.index &&isplaying){
//点错时间减小
countDown --;
//更新时间变化
timeDiv.innerHTML = "时间: " + countDown +"s";
//判断清理定时器
if(countDown &= 0){
clearInterval(timer);
isplaying =
//定时器,监听游戏进行
timer = setInterval(function(){
if(isplaying){
countDown --;
timeDiv.innerHTML = "时间: " + countDown +"s";
if(countDown &= 0){
clearInterval(timer);
isplaying =
alert("game over!!");
//停止游戏
以上就是本文的全部内容，希望大家能够挑战成功。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具您所在的位置：&&
分享小游戏到：
如何便捷进入3366小游戏？
一键点击进入
立即找到我们
该游戏已经添加到您的3366收藏夹
游戏地址已经复制，您可以粘贴（Ctrl+V）发送给好友
类型：|大小：118K|语言：中文|已经有
小游戏简介：
还记得我们童年时期玩过的纸吗？那段时光虽然很遥远，但实在很美好，我们总相信纸能飞去更高更远的地方，也许是把梦想承载在里面渴望美梦成真的心情吧。快来加入3366游戏玩家群，寻找挑战高手！①群：；②群：。入群暗号：快乐简单一点！
小游戏目标：
移动纸飞机顺利飞行，注意避开障碍物，否则会撞碎纸飞机，躲过障碍物都会加分哦，坚持越久分数越高
如何开始：
游戏载入后，点击“开始游戏”进行游戏
操作指南：
lr移动纸飞机
左右键移动纸飞机
好友积分排行
同类积分小游戏推荐
推荐小游戏
头名空缺，还不快抢！
对不起，暂时拉取不到积分游戏排行榜数据
头名空缺，还不快抢！
对不起，暂时拉取不到积分游戏排行榜数据
精品小游戏推荐您所在的位置：&&
分享小游戏到：
如何便捷进入3366小游戏？
一键点击进入
立即找到我们
该游戏已经添加到您的3366收藏夹
游戏地址已经复制，您可以粘贴（Ctrl+V）发送给好友
3D纸飞机(英文名：3D Atmosphere)
类型：|大小：4292K|语言：英文|已经有
小游戏简介：
我们扮演着一架在宇宙中飞翔的纸！面对着以圈圈构成的飞行信道，移动鼠标操控飞行，只要你对基本几何图案及远近关系有辨识能力就不怕找不到出路。快来试试吧！
小游戏目标：
移动鼠标控制纸飞机穿越圆圈飞行信道，到达出口即可进入下一关
如何开始：
游戏加载完成后点击CONTINUE，再点击PLAY，然后点击屏幕一次开始游戏
操作指南：
mousemove移动
移动鼠标控制纸飞机移动
同类小游戏推荐
玩过《3D纸飞机》小游戏的用户还玩过
推荐小游戏
精品小游戏推荐源码之家聚集了最热，最新，最全，最有价值的各大网站VIP商业源码。商业源代码、VIP源码、金牌源码，精品源码、整站源码、系统源码、无错源码！拥有：各大企业网站、著名电子商务、分类信息系统、政府学校网站、行业门户网站、人才房产、游戏网站源码等等(每天不断更新中……)
各大网站VIP商业源码，全部尽在源码之家！加入源码之家VIP会员，马上拥有全部网站源码！注意：VIP会员回复贴子需刷新页面，即可下载！
非VIP会员下载源码将扣除10到200个金币，3种方式可以获得下载权限：<font color="#、发贴或做任务获得金币，积分兑奖成金币或领取VIP！（ ）<font color="#、支付宝冲值金币，用金币下载源码！（）3、购买VIP会员，免费下载源码之家论坛VIP任意资源！（）
仿3366小游戏源码 极品游戏门户网站整站源码（带采集系统）
阅读权限200
签到天数: 1517 天[LV.Master]伴坛终老
Administrator
金币945671
贡献109983
在线时间3029 小时
仿3366小游戏源码 极品游戏门户网站整站源码（带采集系统）
带采集系统，目前提供两个站的规则，和 的采集规则，的采集，目前会有采集下来的SWF游戏，无法玩，有域名限制，所以客户要手工审核游戏的，不能玩的要删除。
帝国CMS系统v6.6 PHP utf-8
源码名称：3366小游戏(帝国版)
演示地址：http://3366-phome.92game.net/（和该程序风格一模一样）
程序介绍：
3366小游戏模板，dedeCMS系统5.7最新版 utf-8国际编码开发。php脚本+MYSQL数据库运行环境。此版本为目前最新版本。
主要功能如下：
1.一键QQ登陆，方便快捷，更具有粘帖性。
2.游戏玩过记录。
3.收藏小游戏。
4.积分小游戏，玩家得分排名。
5.分类页，按条件选择自己想玩的游戏，支持多条件选择，非常方便。
6.图片缓冲加载功能，可以让网友更快的速度打开网页，同时可以节省服务器带宽使用量。
7.搜索自动提示，此功能可以方便玩家搜索的时候自动提示相关结果，帮助玩家快速找到自己想玩的游戏。
后台主要功能：
1.友情连接后台管理
2.广告管理，方便随时更换广告，不需要重新生成全站。
3.全站生成静态，无伪静太，搜索支持缓存。
4.后台采集游戏，自动下载图片，SWF小游戏文件，因为目标站有的程序锁定域名或限制转载，所以不保存采集下来的所有游戏都能正常玩。
5.数据库在线备份，后台下载数据库备份包。
6.TAG标签，自动采集入库。
截图展示：
1__1_lit.jpg (486.17 KB, 下载次数: 97)
13:49 上传
网站整站下载地址：
游客，如果您要查看本帖隐藏内容请
上一篇：下一篇：
我们尊重所有会员!只要你付出了，大家都会看在眼里，态度决定一切!
感谢您对的关注与支持!希望各位朋友帮忙一起宣传下社区,好社区需要大家的tg.谢谢!
目前，很多网站和论坛盗用或者利用源码之家免费发布的资源搞所谓的vip或者销售，请谨防上当受骗!
一分钱一分货，好货不便宜，便宜没好货,记住这句,你上当受骗的概率基本为0,贪便宜就已经为你受骗打下基础！
特别说明：源码专家是正规网站，严格遵守相关法律法规，绝不非法入侵任何网站，也没有拿站之类的任何业务。
dinkun7812 发表于
不知道能不能用啊。
百分百可以用的。
我们尊重所有会员!只要你付出了，大家都会看在眼里，态度决定一切!
感谢您对的关注与支持!希望各位朋友帮忙一起宣传下社区,好社区需要大家的tg.谢谢!
目前，很多网站和论坛盗用或者利用源码之家免费发布的资源搞所谓的vip或者销售，请谨防上当受骗!
一分钱一分货，好货不便宜，便宜没好货,记住这句,你上当受骗的概率基本为0,贪便宜就已经为你受骗打下基础！
特别说明：源码专家是正规网站，严格遵守相关法律法规，绝不非法入侵任何网站，也没有拿站之类的任何业务。
感谢分享.........
看看是免费的不
网站整站下载地址
不知道能不能用啊。
:lol:victory:支持
不足金币怎么办啊
uyunla 发表于
不足金币怎么办啊
金币是需要充值的。充值地址：
我们尊重所有会员!只要你付出了，大家都会看在眼里，态度决定一切!
感谢您对的关注与支持!希望各位朋友帮忙一起宣传下社区,好社区需要大家的tg.谢谢!
目前，很多网站和论坛盗用或者利用源码之家免费发布的资源搞所谓的vip或者销售，请谨防上当受骗!
一分钱一分货，好货不便宜，便宜没好货,记住这句,你上当受骗的概率基本为0,贪便宜就已经为你受骗打下基础！
特别说明：源码专家是正规网站，严格遵守相关法律法规，绝不非法入侵任何网站，也没有拿站之类的任何业务。
:lol:lol:lol:lol:lol:lol:lol
源码之家管理员
源码之家管理员
注册天数超过365天的论坛元老
在站长互助版区帮助其他站长解决100次答疑
论坛创始人
论坛创始人
万贴王勋章
奖励发帖量达到10000帖的发帖达人们
（合作专线：）
服务时间：周一到周日8:00-23:30
微信关注&&&nbsp&&&nbsp&&&nbsp&&&nbsp
随时随地上源码专家！&&&nbsp&&&nbsp
兄弟网站：||||||
关注源码专家微信公众号最新小游戏推荐
特别推荐的第3366款经典小游戏；名称：采花狂蜂；大小：85 K；宽：550；高：400；人气：click；
所属分类：&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
相关标签：
更新时间：
3366友情链接：(联系QQ：，仅限链接交换)}