停车场计费系统（HTML版）———

利用JavaScript编制的一个停车场收费界面，完成以下功能：

1）单击“设置”按钮，设置停车场总车位数量、每小时收费标准（分小型车、中型车、大型车三种）。
2）录入车牌、车型、车位，单击“入场”按钮，开始计时收费，车位不足时，不许入场。
3）单击“离场”按钮，停止计时，显示车牌、车型、车位、停车时间，应收费额（不足半小时部分不收费）。

部分代码展：

<div style="margin-left:15%;padding:1px 16px;height:1000px;"><!--Park--><div style="overflow: scroll;height: 80%" id="Park"><form name="tit"><table border="1"><tr><td colspan="5">车位剩余量：<input id="num" style="border: 0px;width: 30px" disabled>价格：<input id="price"style="border: 0px;width:300px"disabled></td></tr><tr><td style="width: 100px">车位</td><td style="width: 150px">车号</td><td style="width: 100px">车型</td><td style="width: 100px">入场时间</td><td style="width: 100px">离场</td></tr><tbody id="show"></tbody></table></form></div><!--设置--><div style="position: relative;top: 80%;" id="设置"><p>&nbsp;</p><form name="Fsz"><p>设置车位数量：</p><p><input name="setcw" style="margin-left: 3%;" type="number" max="100" min="0" placeholder="辆"></p><p>设置收费标准：</p><p><input name="setcfd" style="margin-left: 3%;" type="number" min="0" placeholder="元/小时">大</p><p><input name="setcfz" style="margin-left: 3%;" type="number" min="0" placeholder="元/小时">中</p><p><input name="setcfx" style="margin-left: 3%;" type="number" min="0" placeholder="元/小时">小</p><p><input type="button" style="margin-left: 3%;" onclick="cls()" value="重置"><input type="button" style="margin-left: 3%;" onclick="set()" value="设置"></p></form></div><!--入场--><div style="position: relative;top: 160%;" onclick="r()" id="入场"><p>&nbsp;</p><form name="Frc" style="margin-left: 1%"><p>选择车位：<input name="rccw" type="number" max="100" min="0"></p><p>入场时间：<input name="rcsj" type="time"></p><p>录入车牌：<input name="rcch" type="text" max="100" min="0"></p><p>请选择车型:<input name="rccx" type="radio" value=0 checked>大型车<input name="rccx" type="radio" value=1>中型车<input name="rccx" type="radio" value=2>小型车</p><p><input type="button" style="margin-left: 3%;" onclick="cls()" value="重置"><input type="button" style="margin-left: 5%;" onclick="rc()" value="入场"></p></form></div><!--离场--><div style="position: relative;top: 240%;height: 80%" id="离场"><p>&nbsp;</p><form name="Fcc" style="margin-left: 1%"><p>请输入车牌：<input name="lcch" type="text"></p><p>离场时间：<input name="lcsj" type="time"></p><p><input type="button" style="margin-left: 3%;" onclick="cls()" value="重置"><input type="button" style="margin-left: 3%;" onclick="lc()" value="离场"></p><p>车型：<input name="lccx" type="text" readonly></p><p>车位：<input name="lccw" type="text" readonly></p><p>车费：<input name="lccf" type="text" readonly></p></form></div>
</div>

示：

停车场计费系统（HTML版）————JavaScript的应用相关推荐

DIY简易输入式停车场计费系统
DIY简易输入式停车场计费系统最近学习了很多集合,出于练习(好玩)的目的自制一个简易的停车计费系统.具体功能如下: 1.把驶入停车场的信息记录下来,主要用于标记这辆车的出入时间. 2.可以查看在停车 ...
面向对象大作业—停车场计费系统
一.选题与前期调查选题随着经济的快速发展,特别是汽车和住房两大消费热点的持续升温,对于停车场的需求越来越迫切,停车场收费系统作为公共建筑和大型住宅区的重要组成成分,越来越引起人们的重视.地下停车场 ...
java毕业设计教程SSM框架实现的车位租赁管理系统|停车场计费系统[包运行成功]
一.项目介绍 <SSM框架实现的车位租赁管理系统> 该项目采用技术: 后端采用了spring,spring mvc,mybatis框架前端使用了layui,界面美观使用了mysql数据 ...
java项目开发实例SSM框架实现的车位租赁管理系统|停车场计费系统
易泊车牌识别停车计费系统解决方案
一.公司简介北京易泊时代科技有限公司是中国优秀的智慧停车运营商,拥有在车牌识别领域资深团队.科研力量.技术优势和行业经验.易泊时代停车计费系统的推出,成为我国在停车计费领域一次新的突破,未来易泊时代 ...
python例程：智能停车场车牌识别计费系统的程序
目录 <智能停车场车牌识别计费系统>程序使用说明主要代码演示源码下载路径 <智能停车场车牌识别计费系统>程序使用说明在PyCharm中运行<智能停车场车牌识别计费系 ...
6-1 停车场收费问题 (20分) 在停车场收费系统中，收费者会根据车型的不同按不同的单价和计费方式收取不同的停车费，其中：轿车Car：每小时8元，超过30分钟按一小时计算，未超过30分钟不收费
作者徐婉珍单位广东东软学院代码长度限制16 KB时间限制400 ms内存限制64 M 作者:TOPKK **在停车场收费系统中,收费者会根据车型的不同按不同的单价和计费方式收取不同的停车费,其中: 轿 ...
云海解析计费系统v4.3带平台接口全开源（2023版）
前言: 这款源码为云海计费解析系统全网最新版本系统,所有源码均本地化,无任何加密,,云海解析计费系统V4.3 是一款 VIP 视频计费解析系统,源码只需要在后台设置 json 视频解析接口,设置好以后 ...
宽带上网web认证计费系统是什么
Welcome to my blog! <script language="javascript" src="http://avss.b15.cnwg.cn/cou ...

停车场计费系统（HTML版）————JavaScript的应用

停车场计费系统（HTML版）————JavaScript的应用相关推荐

最新文章

热门文章