使用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模拟类继承小例子
Jul 17 Javascript
js弹出的对话窗口永远保持居中显示
Dec 15 Javascript
jQuery统计指定子元素数量的方法
Mar 17 Javascript
Javascript通过overflow控制列表闭合与展开的方法
May 15 Javascript
AngularJS extend用法详解及实例代码
Nov 15 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
vue导出html、word和pdf的实现代码
Jul 31 Javascript
详解在Node.js中发起HTTP请求的5种方法
Jan 10 Javascript
ES6 Generator函数的应用实例分析
Jun 26 Javascript
js 获取扫码枪输入数据的方法
Jun 10 Javascript
JavaScript 语句之常用 for 循环详解
Mar 29 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学习笔记之php文件操作
2016/06/03 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
JQuery.Ajax之错误调试帮助信息介绍
2013/07/04 Javascript
js判断输入是否为数字的具体实例
2013/08/03 Javascript
Javascript倒计时页面跳转实例小结
2013/09/11 Javascript
基于javascript的JSON格式页面展示美化方法
2014/07/02 Javascript
浅谈JavaScript中的字符编码转换问题
2015/07/07 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
jquery属性,遍历,HTML操作方法详解
2016/09/17 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
vue中如何使用ztree
2018/02/06 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
2018/03/21 Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
2019/01/23 Javascript
ES6基础之默认参数值
2019/02/21 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
2019/11/05 Javascript
js实现九宫格抽奖
2020/03/19 Javascript
[00:59]DOTA2英雄背景故事——上古巨神
2020/06/28 DOTA
Python利用ansible分发处理任务
2015/08/04 Python
python操作列表的函数使用代码详解
2017/12/28 Python
详解python异步编程之asyncio(百万并发)
2018/07/07 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
详解python中init方法和随机数方法
2019/03/13 Python
flask框架jinja2模板与模板继承实例分析
2019/08/01 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
linux下进程间通信的方式
2014/12/23 面试题
护士自我鉴定怎么写
2014/02/07 职场文书
全国文明单位申报材料
2014/05/31 职场文书
国庆节促销广告语2014
2014/09/19 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
2015年学生会个人工作总结
2015/04/09 职场文书
证券区域经理岗位职责
2015/04/10 职场文书
elementui的el-popover修改样式不生效的解决
2021/06/30 Javascript