使用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 相关文章推荐
js添加table的行和列 具体实现方法
Jul 22 Javascript
jquery实现的一个文章自定义分段显示功能
May 23 Javascript
windows下vue.js开发环境搭建教程
Mar 20 Javascript
JavaScript实现一个空中避难的小游戏
Jun 06 Javascript
bootstrapvalidator之API学习教程
Jun 29 Javascript
vue.js移动端tab组件的封装实践实例
Jun 30 Javascript
利用JavaScript如何查询某个值是否数组内
Jul 30 Javascript
js实时监控文本框输入字数的实例代码
Jan 18 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 Javascript
小程序tab页无法传递参数的方法
Aug 03 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 Javascript
如何给element添加一个抽屉组件的方法步骤
Jul 14 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和MySql来与ODBC数据连接
2006/10/09 PHP
CodeIgniter php mvc框架 中国网站
2008/05/26 PHP
php set_time_limit()函数的使用详解
2013/06/05 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
PHP的Yii框架中创建视图和渲染视图的方法详解
2016/03/29 PHP
PHP实现的堆排序算法详解
2017/08/17 PHP
javascript入门·图片对象(无刷新变换图片)\滚动图像
2007/10/01 Javascript
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
jQuery中创建实例与原型继承揭秘
2011/12/21 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
2014/03/03 Javascript
扒一扒JavaScript 预解释
2015/01/28 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
使用CoffeeScrip优美方式编写javascript代码
2015/10/28 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
vue添加axios,并且指定baseurl的方法
2018/09/19 Javascript
JavaScript实现图片上传并预览并提交ajax
2019/09/30 Javascript
python3.5基于TCP实现文件传输
2020/03/20 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
python字符串下标与切片及使用方法
2020/02/13 Python
Python绘制组合图的示例
2020/09/18 Python
解决pycharm不能自动保存在远程linux中的问题
2021/02/06 Python
Molly Bracken法国电子商店:法国女性时尚品牌
2019/07/24 全球购物
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
农田水利实习自我鉴定
2013/09/19 职场文书
会计电算化专业应届大学生求职信
2013/10/22 职场文书
煤矿安全承诺书
2014/05/22 职场文书
日语专业毕业生自荐书
2014/06/18 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
2015年妇女工作总结
2015/05/14 职场文书
缓存替换策略及应用(以Redis、InnoDB为例)
2021/07/25 Redis
python_tkinter事件类型详情
2022/03/20 Python
天谕手游15杯全调酒配方和调酒券的获得方式
2022/04/06 其他游戏
Java 中的 Lambda List 转 Map 的多种方法详解
2022/07/07 Java/Android