使用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的Date方法实现代码(prototype)
Nov 20 Javascript
js中escape对应的C#解码函数 UrlDecode
Dec 16 Javascript
javascript页面动态显示时间变化示例代码
Dec 18 Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 Javascript
node.js下LDAP查询实例分享
Sep 30 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
Feb 19 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
Mar 13 Javascript
vue 实现复制内容到粘贴板clipboard的方法
Mar 17 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
vue实现购物车的小练习
Dec 21 Vue.js
跨域传值即主页面与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 登录记住密码实现思路
2013/05/07 PHP
PHP实现的下载远程图片自定义函数分享
2015/01/28 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
jQuery第三课 修改元素属性及内容的代码
2010/03/14 Javascript
vs2003 js文件编码问题的解决方法
2010/03/20 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
2015/03/01 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
你所未知的3种Node.js代码优化方式
2016/02/25 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
JavaScript命名空间模式实例详解
2019/06/20 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
2019/10/23 Javascript
Vuex的实战使用详解
2019/10/31 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
Python交换变量
2008/09/06 Python
Python脚本在Appium库上对移动应用实现自动化测试
2015/04/17 Python
python3.4实现邮件发送功能
2018/05/28 Python
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
Python 实现Serial 与STM32J进行串口通讯
2019/12/18 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
浅析NumPy 切片和索引
2020/09/02 Python
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
Marc Jacobs官方网站:美国奢侈品牌
2017/08/29 全球购物
Bally巴利中国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/10/09 全球购物
2014年庆元旦活动方案
2014/02/15 职场文书
农民工工资支付承诺函
2014/03/31 职场文书
大学生就业策划书范文
2014/04/04 职场文书
群教个人对照检查材料
2014/08/20 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
纯 CSS 自定义多行省略的问题(从原理到实现)
2021/11/11 HTML / CSS