java打怪游戏_HTML5存储(带一个粗糙的打怪小游戏案例)
本地存储localStorage
设置存储内容setItem(key,value)
localStorage.setItem('leo','23');
更新存储内容
对象[key]=value
对象.key=value
localStorage.leo = 25;
localStorage['leo'] = 24;
获取存储内容getItem(key)
console.log(localStorage.getItem('leo'))
删除存储内容removeItem(key)
localStorage.removeItem('leo');
清空存储内容clear()
localStorage.clear();
获取存储内容长度
console.log(localStorage.length);
sessionStorage
sessionStorage.a = 10;
console.log(sessionStorage);
localStorage与sessionStorage的区别
localStorage:
存储会持久化
容量2-5MB
sessionStorage:
在网页会话结束后失效
容量不一,部分浏览器不设限
Storage使用注意:
1、存储容量超出限制,需要使用try catch捕获异常
2、存储类型限制:只能是字符串
3、sessionStorage失效机制:
刷新页面不能使sessionStorage失效
相同URL不同标签页不能共享sessionStorage
鼠标点击掉血游戏案例:
*{margin:0;padding:0;list-style:none;}body{position:relative;height:100%;}html{height:100%;}.guai{position:absolute;left:50%;top:50%;margin:-75px 0 0 -100px;}.line{width:400px;height:20px;border:4px solid black;position:absolute;left:50%;top:20px;margin:0 0 0 -204px;}.xie{width:400px;height:100%;background:red;transition:.3s;}
java打怪游戏_HTML5存储(带一个粗糙的打怪小游戏案例)相关推荐
- html5简单游戏案例,HTML5存储(带一个粗糙的打怪小游戏案例)
本地存储localStorage 设置存储内容setItem(key,value) localStorage.setItem('leo','23'); 更新存储内容 对象[key]=value 对象. ...
- 原生JS实现一个简单的打字小游戏
原生JS实现一个简单的打字小游戏 利用javascript制作一个简单的打字小游戏 之前写了一个贪吃蛇小游戏好像反响不错 今天我来写一个比贪吃蛇更low更简单的打字小游戏 打字小游戏原理 接下来咋们直 ...
- 使用java完成一个猜数字的小游戏(数据范围在1-100之间)
最近开始学java,使用java做一个猜数字的小游戏,代码不多,我就直接贴代码了 /** A:案例演示* 需求:猜数字小游戏(数据在1-100之间)*/import java.util.Scanner ...
- 【Java闭关修炼】SpringBoot项目-贪吃蛇对战小游戏-配置git环境和项目创建
[Java闭关修炼]SpringBoot项目-贪吃蛇对战小游戏-配置git环境和项目创建 项目的逐步细分 配置git环境 创建项目后端 前后端不分离写法-url访问路径解析资源 安装vue vue文件 ...
- 【Java闭关修炼】SpringBoot项目-贪吃蛇对战小游戏-配置Mysql与注册登录模块2
[Java闭关修炼]SpringBoot项目-贪吃蛇对战小游戏-配置Mysql与注册登录模块2 传统的登录验证模式 JWT登录验证方式 下载安装依赖 创建JWTUTIL JwtAuthenticati ...
- 玩一个猜数字的小游戏吧
前言 大家一定都在聚会中玩过一个猜数字的小游戏吧? 就是主持人写下一个数字,在100以内,然后呢,大家就开始猜,每当一个人说出一个数字,主持人就说太大或者太小,然后慢慢的缩小范围,最后说对的人要接受惩 ...
- 用pygame做一个简单的python小游戏---贪吃蛇
用pygame做一个简单的python小游戏-贪吃蛇 贪吃蛇游戏博客链接:(方法一样,语言不一样) c++贪吃蛇:https://blog.csdn.net/weixin_46791942/artic ...
- 猜字谜 外国友人仿照中国字谜设计了一个英文版猜字谜小游戏,请你来猜猜看吧。 字谜的迷面 puzzle 按字符串形式给出,如果一个单词 word 符合下面两个条件,那么它就可以算作谜底:
今天是元宵节,力扣也细心地为我们准备了一道有关节日的题,一起看看吧: 1178. 猜字谜 外国友人仿照中国字谜设计了一个英文版猜字谜小游戏,请你来猜猜看吧. 字谜的迷面 puzzle 按字符串形式给出 ...
- 编写一个猜成语的小游戏。要求:使用一个字符串数组来保存10个四字成语,例如: String [] idioms = {“凉拌黄瓜”, “红烧肘子”, …};
编写一个猜成语的小游戏. 要求:使用一个字符串数组来保存10个四字成语,例如: String [] idioms = {"凉拌黄瓜", "红烧肘子", -}; ...
最新文章
- 使用OpenCV进行相机校准
- PHP常用数组函数(含按键值删除二维数组中的元素)
- 在龙芯上调试CoreCLR
- python画方波_python实现周期方波信号频谱图
- SqlServer查询语句中用到的锁
- 'tensorflow' has no attribute 'sub'
- mac apache修改默认网站目录
- java程序员入职自我介绍,看完直接跪服
- nodejs生成pdf文件
- 紫猫数据库使用 (二)
- 触发器详解——(三)T触发器
- 一张纸厚度是多少毫米_一本书的厚度大约是多少,一张纸的厚度大约是十分之一毫米,一本书...
- An Underwater Image Enhancement Benchmark Dataset and Beyong
- 5464: Star Arrangements
- bp神经网络算法的优缺点,基于bp的神经网络算法
- SystemUi通知栏
- 大数据人才培养的规划之路如何走
- 什么公司邮箱邮件系统安全,安全邮箱格式怎么写?
- 虚拟机共享目录添加按钮灰色_共享按钮将成为PS4最重要的遗产
- asterisk 对接 移动IMS 外呼接通时返487错误(已解决)
热门文章
- 向世界介绍我的家乡-----黑龙江省
- 企业舆情监控机制,TOOM舆情分析企业舆情应对方法?
- Media Queries使用方法
- 让更多的人认真的听音乐,Hidizs AP200国内首发上线
- 技术网站 --开发者头条
- Linux 常用命令及详细使用方法
- 怎么去除视频里的背景音乐?其实非常简单!
- java从1到9构建完全二叉树_Java完全二叉树的创建与四种遍历方法分析
- listView1.Items.Add()与 listView1.Items[i].SubItems.Add()区别
- 振铃的消除仿真实验(计控实验七simulink)