使用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 学习笔记 element属性控制
Jul 23 Javascript
JS获取Table中td值的方法
Mar 19 Javascript
实现placeholder效果的方案汇总
Jun 11 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 Javascript
JavaScript中文件上传API详解
Apr 01 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
Apr 03 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
微信小程序 监听手势滑动切换页面实例详解
Jun 15 Javascript
基于react后端渲染模板引擎noox发布使用
Jan 11 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
Apr 15 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
Feb 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
漂亮但不安全的CTB
2006/10/09 PHP
一篇不错的PHP基础学习笔记
2007/03/18 PHP
PHP 金额数字转换成英文
2010/05/06 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
PHP7原生MySQL数据库操作实现代码
2020/07/03 PHP
PHP实现Snowflake生成分布式唯一ID的方法示例
2020/08/30 PHP
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
用js动态添加html元素,以及属性的简单实例
2016/07/19 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
2017/01/10 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
详解node中创建服务进程
2017/05/09 Javascript
Angular 4依赖注入学习教程之简介(一)
2017/06/04 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
Python pass 语句使用示例
2014/03/11 Python
Python实现从百度API获取天气的方法
2015/03/11 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
使用python装饰器计算函数运行时间的实例
2018/04/21 Python
Python3.6.0+opencv3.3.0人脸检测示例
2018/05/25 Python
Python基于plotly模块实现的画图操作示例
2019/01/23 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
Django 项目通过加载不同env文件来区分不同环境
2020/02/17 Python
Python实现动态给类和对象添加属性和方法操作示例
2020/02/29 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
苹果Mac升级:MacSales.com
2017/11/20 全球购物
德国网上超市:myTime.de
2019/08/26 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
创建青年文明号材料
2014/05/09 职场文书
《西游记》读后感(3篇)
2019/09/20 职场文书
一行代码python实现文件共享服务器
2021/04/22 Python