使用js实现按钮控制文本框加1减1应用于小时+分钟
更新时间：2013年12月09日 16:54:25 作者：
正如标题所言使用js实现按钮控制文本框加1减1，此类主要应用于小时+分钟，下面有个不错的示例，喜欢的朋友可以参考下
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);
}
复制代码 代码如下:
<!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);
}
相关文章
这篇文章主要为大家详细介绍了微信小程序实现单选按钮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了JavaScript下拉菜单实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
JavaScript 2018 中即将迎来的新功能：异步生成器及更好的正则表达式。更多常规正则表达式功能大家跟随小编一起通过本文学习吧2018-09-09
这篇文章主要介绍了JavaScript 判断浏览器是否是IE，帮助大家更好的理解和学习前端知识，感兴趣的朋友可以了解下2021-02-02
这篇文章主要为大家详细介绍了JS组件Bootstrap Select2使用方法，感兴趣的小伙伴们可以参考一下2016-05-05
本文对JavaScript事件加载进行了一些延伸思考。加载多个事件时，使用window.onload可能会导致一些不便，而通过侦听器等方法，则可以解决这些问题。2009-12-12
这篇文章主要为大家详细介绍了Turn.js实现很棒的翻书效果，对Turn.js翻书效果的实现进行总结，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要为大家详细介绍了javascript中的类,继承,构造函数，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
这篇文章主要为大家详细介绍了JavaScript Canvas实现验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-08-08
文章主要介绍了数据劫持（Object.defineProperty）和数据代理（Proxy）两种方式在JavaScript中的应用,并通过生活中的例子来详细解释它们的工作原理和使用场景,文章还对比了两种方式的优缺点,并指出了它们在Vue.js中的应用2025-02-02
最新评论