使用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压缩利器
Feb 20 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
Jan 04 Javascript
微信小程序页面滑动屏幕加载数据效果
Nov 16 Javascript
vue和webpack安装命令详解
Jun 15 Javascript
element-ui 上传图片后清空图片显示的实例
Sep 04 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
Apr 16 Javascript
详解jQuery如何实现模糊搜索
May 10 jQuery
原生js实现简单轮播图
Oct 26 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
如何使用脚本模仿登陆过程
2006/11/22 PHP
php中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
php数字转汉字代码(算法)
2011/10/08 PHP
基于PHP常用函数的用法详解
2013/05/10 PHP
PHP 清空varnish 缓存的详解(包括指定站点下的)
2013/06/20 PHP
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
javascript使用eval或者new Function进行语法检查
2010/10/16 Javascript
浅谈JavaScript中null和undefined
2015/07/09 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
2015/12/04 Javascript
jQuery新窗口打开外链接
2016/07/21 Javascript
AngularJS实现树形结构(ztree)菜单示例代码
2016/09/18 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
vue中的计算属性实例详解
2018/09/19 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
p5.js临摹动态图形实现方法详解
2019/10/23 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
Python中设置变量访问权限的方法
2015/04/27 Python
视觉直观感受若干常用排序算法
2017/04/13 Python
Python实现模拟分割大文件及多线程处理的方法
2017/10/10 Python
Python获取当前函数名称方法实例分享
2018/01/18 Python
python实现微信自动回复及批量添加好友功能
2019/07/03 Python
Python实现性能自动化测试竟然如此简单
2019/07/30 Python
ubuntu上安装python的实例方法
2019/09/30 Python
Python的缺点和劣势分析
2019/11/19 Python
Python笔记之facade模式
2019/11/20 Python
台湾最大网路书店:博客来
2018/03/18 全球购物
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
奥巴马开学演讲稿
2014/05/15 职场文书
博士生专家推荐信
2015/03/25 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js