使用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 相关文章推荐
IE与Firefox在JavaScript上的7个不同句法分享
Oct 30 Javascript
jquery设置按钮停顿3秒不可用
Mar 07 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
Feb 17 Javascript
简介JavaScript中的setHours()方法的使用
Jun 11 Javascript
Javascript typeof与instanceof的区别
Oct 18 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
利用node.js实现自动生成前端项目组件的方法详解
Jul 12 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
Oct 28 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 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实例分享之通过递归实现删除目录下的所有文件详解
2014/05/15 PHP
PHP 面向对象程序设计(oop)学习笔记 (二) - 静态变量的属性和方法及延迟绑定
2014/06/12 PHP
学习php设计模式 php实现观察者模式(Observer)
2015/12/09 PHP
Yii基于数组和对象的Model查询技巧实例详解
2015/12/28 PHP
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
JavaScript Split()方法
2015/12/18 Javascript
如何快速上手Vuex
2017/02/14 Javascript
bootstrap精简教程_动力节点Java学院整理
2017/07/14 Javascript
EasyUI在Panel上动态添加LinkButton按钮
2017/08/11 Javascript
使用Vue自定义数字键盘组件(体验度极好)
2017/12/19 Javascript
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
2018/12/06 NodeJs
express框架下使用session的方法
2019/07/31 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
在Vue 中获取下拉框的文本及选项值操作
2020/08/13 Javascript
[02:38]DOTA2亚洲邀请赛 IG战队巡礼
2015/02/03 DOTA
python实现监控linux性能及进程消耗性能的方法
2014/07/25 Python
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
pyqt5自定义信号实例解析
2018/01/31 Python
python 通过字符串调用对象属性或方法的实例讲解
2018/04/21 Python
TensorFlow 读取CSV数据的实例
2020/02/05 Python
Python requests设置代理的方法步骤
2020/02/23 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
使用 django orm 写 exists 条件过滤实例
2020/05/20 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
Python sorted对list和dict排序
2020/06/09 Python
python设置表格边框的具体方法
2020/07/17 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
全球性的在线商店:Vogca
2019/05/10 全球购物
农民致富事迹材料
2014/01/23 职场文书
共产党员公开承诺书
2014/03/25 职场文书
感恩父母的演讲稿
2014/05/06 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
物流业务员岗位职责
2015/04/03 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
vue+spring boot实现校验码功能
2021/05/27 Vue.js