使用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中==与===操作符的比较
Mar 21 Javascript
JS修改css样式style浅谈
May 06 Javascript
简介JavaScript中的setHours()方法的使用
Jun 11 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
Feb 19 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
Apr 20 Javascript
Vue中父组件向子组件通信的方法
Jul 11 Javascript
vue2.0+vue-dplayer实现hls播放的示例
Mar 02 Javascript
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
vue组件 keep-alive 和 transition 使用详解
Oct 11 Javascript
js实现贪吃蛇游戏(简易版)
Sep 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
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
PHP图片上传代码
2013/11/04 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
任意位置显示html菜单
2007/02/01 Javascript
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
IE6与IE7中,innerHTML获取param的区别
2009/03/15 Javascript
jquery 框架使用教程 AJAX篇
2009/10/11 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
2013/06/14 Javascript
Jquery修改页面标题title其它JS失效的解决方法
2014/10/31 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
JavaScript实现实时更新系统时间的实例代码
2017/04/04 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
js实现div色块碰撞
2020/01/16 Javascript
分析python切片原理和方法
2017/12/19 Python
python爬虫正则表达式之处理换行符
2018/06/08 Python
利用python画出折线图
2018/07/26 Python
Python3远程监控程序的实现方法
2019/07/15 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
医学生个人求职信范文
2013/09/24 职场文书
共产党员公开承诺书范文
2014/03/28 职场文书
2014年清明节寄语
2014/04/03 职场文书
团队会宣传标语
2014/10/09 职场文书
学生违反校规检讨书
2014/10/28 职场文书
三好学生事迹材料
2014/12/24 职场文书
罚款通知怎么写
2015/04/22 职场文书
python使用pymysql模块操作MySQL
2021/06/16 Python
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
Python实现抖音热搜定时爬取功能
2022/03/16 Python
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android