使用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 相关文章推荐
jQuery 操作option的实现代码
Mar 03 Javascript
精心挑选的15个jQuery下拉菜单制作教程
Jun 15 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
Apr 04 Javascript
js中的如何定位固定层的位置
Jun 15 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
Vue.js每天必学之方法与事件处理器
Sep 06 Javascript
webpack+react+antd脚手架优化的方法
Apr 02 Javascript
对angularJs中2种自定义服务的实例讲解
Sep 30 Javascript
JavaScript在web自动化测试中的作用示例详解
Aug 25 Javascript
解决vue init webpack 下载依赖卡住不动的问题
Nov 09 Javascript
vue backtop组件的实现完整代码
Apr 07 Vue.js
详解JS数组方法
Nov 20 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
CI框架中集成CKEditor编辑器的教程
2014/06/09 PHP
PHP+MySQL存储数据常见中文乱码问题小结
2016/06/13 PHP
Yii2实现让关联字段支持搜索功能的方法
2016/08/10 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
thinkPHP5框架分页样式类完整示例
2018/09/01 PHP
PHP实现Snowflake生成分布式唯一ID的方法示例
2020/08/30 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
纯文字版返回顶端的js代码
2013/08/01 Javascript
Javascript对象属性方法汇总
2013/11/21 Javascript
开发插件的两个方法jquery.fn.extend与jquery.extend
2013/11/21 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
使用js实现数据格式化
2014/12/03 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
如何用js判断dom是否有存在某class的值
2017/02/13 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
2017/11/02 Javascript
从零开始搭建webpack+react开发环境的详细步骤
2018/05/18 Javascript
Vue 的 v-model用法实例
2020/11/23 Vue.js
python中的编码知识整理汇总
2016/01/26 Python
一张图带我们入门Python基础教程
2017/02/05 Python
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
python实现求最长回文子串长度
2018/01/22 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
瑞典时尚耳机品牌:Urbanears
2017/07/26 全球购物
美国领先的商务贺卡出版商:The Gallery Collection
2018/02/13 全球购物
美国优质马术服装购买网站:Breeches.com
2019/12/16 全球购物
实用求职信范文分享
2013/12/25 职场文书
网络工程师职业规划
2014/02/10 职场文书
英语专业自荐书
2014/06/13 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
2015年节能减排工作总结
2015/05/14 职场文书
解除租赁合同协议书
2016/03/21 职场文书
sql中mod()函数取余数的用法
2021/05/29 SQL Server
Python中文纠错的简单实现
2021/07/07 Python