使用js实现按钮控制文本框加1减1应用于小时+分钟


Posted in Javascript onDecember 09, 2013

time.html代码:

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<meta name="Generator" content="EditPlus®"> 
<meta name="Author" content=""> 
<meta name="Keywords" content=""> 
<meta name="Description" content=""> 
<title>Document</title> 
<script type="text/javascript" src="jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="time.js"></script> 
</head> 
<body> 
<input type="button" value="小时加" onClick="add_hour();"> 
<input type="text" value="00" id="hour"> 
<input type="button" value="小时减" onClick="sub_hour();"> 
<br/> 
<br/> 
<input type="button" value="分钟加" onClick="add_minute();"> 
<input type="text" value="00" id="minute"> 
<input type="button" value="分钟减" onClick="sub_minute();"> 
</body> 
</html>

time.js代码:
function add_num(a,b,c){ if(c<a){ 
c++; 
} 
else{ 
c=b; 
} 
if(c<=9&&c>=0){ 
c="0"+c; 
} 
return c; 
} 
function sub_num(a,b,c){ 
if(c>a){ 
c--; 
} 
else{ 
c=b; 
} 
if(c<=9&&c>=0){ 
c="0"+c; 
} 
return c; 
} 
function add_hour(){ 
var current_num=$("#hour").attr("value"); 
current_num=add_num(23,0,current_num); 
$("#hour").attr("value",current_num); 
} 
function sub_hour(){ 
var current_num=$("#hour").attr("value"); 
current_num=sub_num(0,23,current_num); 
$("#hour").attr("value",current_num); 
} 
function add_minute(){ 
var current_num=$("#minute").attr("value"); 
current_num=add_num(59,0,current_num); 
$("#minute").attr("value",current_num); 
} 
function sub_minute(){ 
var current_num=$("#minute").attr("value"); 
current_num=sub_num(0,59,current_num); 
$("#minute").attr("value",current_num); 
}
Javascript 相关文章推荐
javascript闭包的高级使用方法实例
Jul 04 Javascript
jquery.mobile 共同布局遇到的问题小结
Feb 10 Javascript
浅谈javascript事件取消和阻止冒泡
May 26 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 Javascript
浅谈Jquery核心函数
Jun 18 Javascript
jQuery插件Timelinr 实现时间轴特效
Oct 04 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
May 16 Javascript
Three.js学习之网格
Aug 10 Javascript
记一次webapck4 配置文件无效的解决历程
Sep 19 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
javascript使用substring实现的展开与收缩文字功能示例
Jun 17 Javascript
javascript删除数组元素的七个方法示例
Sep 09 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 #Javascript
深入理解JavaScript中的传值与传引用
Dec 09 #Javascript
js Array操作的最简短最容易理解方法
Dec 09 #Javascript
javascript放大镜效果的简单实现
Dec 09 #Javascript
javascript贪吃蛇完整版(源码)
Dec 09 #Javascript
关于js内存泄露的一个好例子
Dec 09 #Javascript
JS连连看源码完美注释版(推荐)
Dec 09 #Javascript
You might like
php实现批量下载百度云盘文件例子分享
2014/04/10 PHP
ThinkPHP实现将SESSION存入MYSQL的方法
2014/07/22 PHP
php安装swoole扩展的方法
2015/03/19 PHP
yii2 url重写并隐藏index.php方法
2018/12/10 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
JXTree对象,读取外部xml文件数据,生成树的函数
2007/04/02 Javascript
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
javascript网页关键字高亮代码
2008/07/30 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
JS删除数组元素的函数介绍
2013/03/27 Javascript
js弹出窗口之弹出层的小例子
2013/06/17 Javascript
javascript实现yield的方法
2013/11/06 Javascript
JavaScript中的依赖注入详解
2015/03/18 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
Bootstrap面板学习使用
2017/02/09 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
2019/04/28 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
2020/02/27 Javascript
[01:25:38]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第一场 1月19日
2021/03/11 DOTA
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
Python中模块string.py详解
2017/03/12 Python
使用Python爬取最好大学网大学排名
2018/02/24 Python
python3下实现搜狗AI API的代码示例
2018/04/10 Python
kafka-python批量发送数据的实例
2018/12/27 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
Python2与Python3的区别点整理
2019/12/12 Python
浅析Django中关于session的使用
2019/12/30 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
python try...finally...的实现方法
2020/11/25 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
SQL SERVER面试资料
2013/03/30 面试题
求职信范文怎么写
2014/01/29 职场文书
三傻大闹宝莱坞观后感
2015/06/03 职场文书
2015教师个人德育工作总结
2015/07/22 职场文书