手机游戏缺少index_264.html,html5手机端大家来找茬微信小游戏代码
特效描述:html5 手机端大家来找茬 微信小游戏代码。html5手机端大家来找茬微信小游戏代码
代码结构
1. HTML代码
重新开始
点 击 开 始 游 戏
护眼模式
var btn=document.querySelector('button');
var z=30.00;
var sec=document.getElementById('sec');
var uls=document.querySelector('ul');
var li_1=document.getElementsByClassName('list1')[0];
var score=document.getElementById('score');
var level=1;
var n=0;
var turnOff=document.getElementById('turnOff');
turnOff.οnclick=function(){
document.body.style.background='rgb(199,237,204)';
turnOff.innerHTML='普通模式';
turn();
}
function turn(){
turnOff.οnclick=function(){
document.body.style.background='';
turnOff.innerHTML='护眼模式';
turnOff.οnclick=function(){
document.body.style.background='rgb(199,237,204)';
turnOff.innerHTML='普通模式';
turn();
}
}
}
var back=document.getElementById('back');
btn.οnclick=function(){
// 1.计时器
var timer=setInterval(function(){
z-=0.01;
z=z.toFixed(2);
sec.innerHTML=z;
if (z<=0) {
clearInterval(timer);
if (n<8) {
alert('GAME OVER!'+' '+'等级:睁眼瞎');
}else if (n>=20) {
alert('GAME OVER!'+' '+'等级:超神');
}else if (n>=12) {
alert('GAME OVER!'+' '+'等级:火眼金睛');
}else{
alert('GAME OVER!'+' '+'等级:高度近视');
}
back.style.display='block';
}
},10)
// 2.点击按钮消失,第一个li消失
btn.remove();
li_1.remove();
turnOff.remove();
// 3.添加4个li>img
app();
function app(){
level+=1;
for (var i=0;i
var newLi=document.createElement('li');
uls.appendChild(newLi);
var newImg=document.createElement('img');
newLi.appendChild(newImg);
newLi.style.width=100/level+'%';
newLi.style.float='left';
newImg.style.display='block';
newImg.style.width=100+'%';
newImg.src='img/1.png';
newLi.style.backgroundColor='rgb('+rand(50,255)+','+rand(50,255)+','+rand(50,255)+')';
}
var x=rand(0,level*level-1);// 赋予一个随机房祖名下标
var imgs1=document.querySelectorAll('img');
imgs1[x].src='img/2.png';// 随机一张图片变成房祖名
var li=document.querySelectorAll('li');
li[x].οnclick=function(){
for (var i=0;i
li[i].remove(this);
}
n+=1;
score.innerHTML=n;
if (level>10) {
level=10;
}
app();
}
}
}
// 随机函数
function rand(min,max){
return Math.round(Math.random()*(max-min)+min);
}
手机游戏缺少index_264.html,html5手机端大家来找茬微信小游戏代码相关推荐
- 手机看html网页内容重叠,html5手机端叠加图片触屏滑动查看特效
特效描述:html5手机端 叠加图片 触屏滑动查看特效.html5手机叠加图片手指滑动查看 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 rutrum tellus a tempus ...
- 安卓手机端口号怎么查看_微信小程序怎么查看手机便签待办事项?
手机便签是很多人常用的小工具,可以用来记录工作和生活中的待办事项.不过对于很多人来说,他们打开微信的频率,可比手机便签要多得多.那么,手机微信能不能直接查看便签里记录的待办事项呢?如果可以的话,又要怎 ...
- layaair发布html5,全面了解H5微信小游戏 LayaAir引擎支持一键发布
12月28日,微信小游戏在6.6.1的版本中上线.通过微信小程序入口的微信小游戏平台,可以看到首批推出的15款游戏产品,其中4款采用LayaAir引擎开发,通过Layabox提供的小程序适配库一键发布 ...
- 《从0到1上线微信小游戏》第八节 在微信开发者工具和手机上调试
第八节 在微信开发者工具和手机上调试 下载和配置微信开发者工具 构建运行 在微信开发者工具上调试 在手机上测试 虽然游戏能在Cocos Creator引擎的模拟器上正常运行,但这不代表移植到小程序上运 ...
- 全面了解H5重要入口“微信小游戏”,LayaAir引擎支持一键发布!
12月28日,微信小游戏在6.6.1的版本中上线.通过微信小程序入口的微信小游戏平台,可以看到首批推出的15款游戏产品,其中4款采用LayaAir引擎开发,通过Layabox提供的小程序适配库一键发布 ...
- H5 微信小游戏群 openGID 解密
这里使用的 Wechat Lib 版本是 2.0.6 ,高于此版本则不再能获得分享成功与否的回调.后来直接把基础库升级到 2.2.2 ,发现只是开发者工具拿不到回调而已,手机上还是还能拿到回调. 在使 ...
- 白鹭引擎正式支持微信小游戏开发
12月28日微信迎来更新,正式上线小游戏,并开放了小游戏开发文档和开发者工具.在微信发布新版本后,白鹭引擎立即添加了对于微信小游戏开发的支持,开发者只需要使用白鹭引擎的最新版本,通过使用白鹭引擎完整工 ...
- 微信小游戏越来越「重」,但它能赚钱么?
氪金.直播.上 3D,小游戏已经不「小」了. 说起微信小游戏,外界总会有几个刻板标签. 比如,小游戏只能玩轻度游戏,「跳一跳」.「欢乐斗地主」是典型:小游戏不温不火,「跳一跳」之后似乎再无全民话题的爆 ...
- 微信小游戏 - 学习/实践
1.应用场景 主要用于快速开发微信小游戏. 2.学习/操作 1.介绍 小游戏是一种基于微信平台开发,不需要下载安装即可使用的全新游戏应用,体现了"用完即走"的理念,充分节省用户的手 ...
最新文章
- kdd cup 2019
- 用C#或JavaScript扩展XSLT
- HTML一些常用的标签
- 用AJAX实现无刷新的分页
- Deeplearnng.AI第四部分第一周、卷积神经网络
- Linux发行版的关系图
- ubuntu中安装sublime text3用于python编程
- 《The Pomodoro Technique》
- Python调用seek(pos,mode)方法报错Can‘t do nonzero cur-relative seeks
- java.lang.OutOfMemoryError: PermGen space tomcat启动项目出错
- Linux命令之md5sum
- openpcdet KeyError: ‘road_plane‘
- python短信验证码登录_Python实现短信验证
- 南海云课堂春季10(T)K3
- 正则表达式元字符查询
- CBinsight重磅报告 | 如何从谷歌亚马逊苹果微软脸书的9年专利之争,看5大巨头在AI行业的未来10年之争
- 浙江大学郑强教授语录
- 进口产品需要做3c认证么?如何办理?
- 《快把我哥哥带走》“骗”和“抢”才是真实的相处之道
- 企业内控管理现状问题分析