使用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 相关文章推荐
摘自启点的main.js
Apr 20 Javascript
jquery 与NVelocity 产生冲突的解决方法
Jun 13 Javascript
javascript中this做事件参数相关问题解答
Mar 17 Javascript
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
ECMAScript6--解构
Mar 30 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
Angular4学习笔记之根模块与Ng模块
Sep 09 Javascript
vue-devtools的安装步骤
Apr 23 Javascript
VeeValidate在vue项目里表单校验应用案例
May 09 Javascript
html5中sharedWorker实现多页面通信的示例代码
May 07 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 Cookie的一个使用注意点
2008/11/08 PHP
8个必备的PHP功能开发
2015/10/02 PHP
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
2010/01/22 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
jQuery的attr与prop使用介绍
2013/10/10 Javascript
JavaScript 实现鼠标拖动元素实例代码
2014/02/24 Javascript
如何在node的express中使用socket.io
2014/12/15 Javascript
nodejs简单实现中英文翻译
2015/05/04 NodeJs
JavaScript+CSS无限极分类效果完整实现方法
2015/12/22 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
利用JS提交表单的几种方法和验证(必看篇)
2016/09/17 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
jQuery实现tab栏切换效果
2020/12/22 jQuery
python使用mysqldb连接数据库操作方法示例详解
2013/12/03 Python
Python、Javascript中的闭包比较
2015/02/04 Python
python3新特性函数注释Function Annotations用法分析
2016/07/28 Python
Python中Scrapy爬虫图片处理详解
2017/11/29 Python
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
python实现图片筛选程序
2018/10/24 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
Python气泡提示与标签的实现
2020/04/01 Python
Django通过json格式收集主机信息
2020/05/29 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
html5+svg学习指南之SVG基础知识
2014/12/17 HTML / CSS
美国专业汽车音响和移动电子产品零售商:Car Toys
2019/05/13 全球购物
什么是Linux虚拟文件系统VFS
2015/08/25 面试题
华为python面试题
2016/05/03 面试题
高中军训感想300字
2014/03/04 职场文书
环保倡议书
2014/04/14 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
建筑工地质量标语
2014/06/12 职场文书
网站文案策划岗位职责
2015/04/14 职场文书
使用Navicat Premium工具将oracle数据库迁移到MySQL
2021/05/27 Oracle
python 爬取吉首大学网站成绩单
2021/06/02 Python
详解Python+OpenCV绘制灰度直方图
2022/03/22 Python