使用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不同页面传值的改进版
Sep 30 Javascript
响应鼠标变换表格背景或者颜色的代码
Mar 30 Javascript
深入分析js中的constructor和prototype
Apr 07 Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 Javascript
js老生常谈之this,constructor ,prototype全面解析
Apr 05 Javascript
轻松掌握JavaScript状态模式
Sep 07 Javascript
完美的js div拖拽实例代码
Sep 24 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 Javascript
Javascript Function.prototype.bind详细分析
Dec 29 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
jQuery响应滚动条事件功能示例
Oct 14 jQuery
vue2导航根据路由传值,而改变导航内容的实例
Nov 10 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
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
如何屏蔽防止别的网站嵌入框架代码
2015/08/24 Javascript
不用一句js代码初始化组件
2016/01/27 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
AngularJS入门教程之MVC架构实例分析
2016/11/01 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
Vuex的初探与实战小结
2018/11/26 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
JS数组进阶示例【数组的几种函数用法】
2020/01/16 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
Vue单文件组件开发实现过程详解
2020/07/30 Javascript
Element-UI 使用el-row 分栏布局的教程
2020/10/26 Javascript
[02:24]DOTA2痛苦女王 英雄基础教程
2013/11/26 DOTA
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
Flask解决跨域的问题示例代码
2018/02/12 Python
使用Python来开发微信功能
2018/06/13 Python
python读取mysql数据绘制条形图
2020/03/25 Python
Python通过Pillow实现图片对比
2020/04/29 Python
python爬虫容易学吗
2020/06/02 Python
python爬虫把url链接编码成gbk2312格式过程解析
2020/06/08 Python
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
P D PAOLA意大利官网:西班牙著名的珠宝首饰品牌
2019/09/24 全球购物
党支部意见范文
2015/06/02 职场文书
成事在人观后感
2015/06/16 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
mysql实现将字符串字段转为数字排序或比大小
2022/06/14 MySQL
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers