使用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 相关文章推荐
JQUERY获取form表单值的代码
Jul 17 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
Jun 14 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
Three.js利用dat.GUI如何简化试验流程详解
Sep 26 Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
Apr 26 Javascript
详解ESLint在Vue中的使用小结
Oct 15 Javascript
JavaScript实现多球运动效果
Sep 07 Javascript
使用react-virtualized实现图片动态高度长列表的问题
May 28 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
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
深入PHP异步执行的详解
2013/06/03 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
微信access_token的获取开发示例
2015/04/16 PHP
PHP模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
2011/10/22 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
seajs模块之间依赖的加载以及模块的执行
2016/10/21 Javascript
浅谈JavaScript的自动垃圾收集机制
2016/12/15 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
详解VUE2.X过滤器的使用方法
2018/01/11 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
解决vue路由后界面没有变化,但是链接有的问题
2018/09/01 Javascript
原生JS实现获取及修改CSS样式的方法
2018/09/04 Javascript
微信小程序地图实现展示线路
2020/07/29 Javascript
[08:47]DOTA2每周TOP10 精彩击杀集锦vol.6
2014/06/25 DOTA
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
python 数据加密代码
2008/12/24 Python
python多线程编程方式分析示例详解
2013/12/06 Python
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
python开发环境PyScripter中文乱码问题解决方案
2016/09/11 Python
Python使用pip安装pySerial串口通讯模块
2018/04/20 Python
Python产生Gnuplot绘图数据的方法
2018/11/09 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
python 如何将数据写入本地txt文本文件的实现方法
2019/09/11 Python
Django 实现外键去除自动添加的后缀‘_id’
2019/11/15 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
cookies应对python反爬虫知识点详解
2020/11/25 Python
python 检测nginx服务邮件报警的脚本
2020/12/31 Python
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
华为python面试题
2016/05/03 面试题
2016大学生社会实践心得体会范文
2016/01/14 职场文书
Python sklearn分类决策树方法详解
2022/09/23 Python