使用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实现Sleep函数的代码
Mar 04 Javascript
[原创]用javascript实现检测指定目录是否存在的方法
Jan 12 Javascript
JS 面向对象的5钟写法
Jul 31 Javascript
js getElementsByTagName的简写方式
Jun 27 Javascript
关于javascript DOM事件模型的两件事
Jul 22 Javascript
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
Aug 06 Javascript
document.forms[].submit()使用介绍
Feb 19 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
通过sails和阿里大于实现短信验证
Jan 04 Javascript
微信小程序 UI与容器组件总结
Feb 21 Javascript
vue项目关闭eslint校验
Mar 21 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
重置版宣传动画
2020/04/09 魔兽争霸
PHP把MSSQL数据导入到MYSQL的方法
2014/12/27 PHP
php  单例模式详细介绍及实现源码
2016/11/05 PHP
PHP实现表单提交时去除斜杠的方法
2016/12/26 PHP
php-fpm开启状态统计的方法详解
2017/06/23 PHP
php实现姓名根据首字母排序的类与方法(实例代码)
2018/05/16 PHP
js 实现无干扰阴影效果 简单好用(附文件下载)
2009/12/27 Javascript
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
用jquery统计子菜单的条数示例代码
2013/10/18 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
2015/09/09 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
2015/11/17 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
2019/06/17 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
js实现列表向上无限滚动
2020/01/13 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
[04:26]2014DOTA2国际邀请赛-Newbee顺利进入胜者组决赛 独家专访战神7
2014/07/19 DOTA
[13:16]INFAMOUS vs VGJ T BO3
2018/06/07 DOTA
Python多进程并发(multiprocessing)用法实例详解
2015/06/02 Python
python实现多人聊天室
2020/03/31 Python
Python Flask框架扩展操作示例
2019/05/03 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
Python基于pygame实现单机版五子棋对战
2019/12/26 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
Python的历史与优缺点整理
2020/05/26 Python
详解python 内存优化
2020/08/17 Python
Canvas波浪花环的示例代码
2020/08/21 HTML / CSS
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
内容编辑个人求职信
2013/12/10 职场文书
计算机通信专业推荐信
2014/02/22 职场文书
实习生评语
2014/04/26 职场文书
2014酒店客房部工作总结
2014/12/16 职场文书
文员岗位职责
2015/02/04 职场文书