使用js實現(xiàn)按鈕控制文本框加1減1應(yīng)用于小時+分鐘
更新時間:2013年12月09日 16:54:25 作者:
正如標(biāo)題所言使用js實現(xiàn)按鈕控制文本框加1減1,此類主要應(yīng)用于小時+分鐘,下面有個不錯的示例,喜歡的朋友可以參考下
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);
}
復(fù)制代碼 代碼如下:
<!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代碼:
復(fù)制代碼 代碼如下:
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);
}
相關(guān)文章
ES6學(xué)習(xí)筆記之正則表達(dá)式和字符串正則方法分析
這篇文章主要介紹了ES6學(xué)習(xí)筆記之正則表達(dá)式和字符串正則方法,結(jié)合實例形式對比分析了ES5與ES6正則操作的常用函數(shù)功能與用法區(qū)別,需要的朋友可以參考下2017-04-04JavaScript中的數(shù)學(xué)運(yùn)算介紹
這篇文章主要介紹了JavaScript中的數(shù)學(xué)運(yùn)算介紹,本文先是講解了數(shù)學(xué)運(yùn)算的一些知識,然后給出了操作實例,需要的朋友可以參考下2014-12-12JS在TextArea光標(biāo)位置插入文字并實現(xiàn)移動光標(biāo)到文字末尾
JS在TextArea光標(biāo)位置插入文字+移動光標(biāo)到文字末尾,F(xiàn)irefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd屬性,具體實現(xiàn)如下,感興趣的朋友可以參考下哈2013-06-06DOM節(jié)點的替換或修改函數(shù)replaceChild()用法實例
這篇文章主要介紹了DOM節(jié)點的替換或修改函數(shù)replaceChild()用法,實例分析了replaceChild()替換DOM節(jié)點的使用技巧,需要的朋友可以參考下2015-01-01JavaScript中的console.trace()函數(shù)介紹
這篇文章主要介紹了JavaScript中的console.trace()函數(shù)詳細(xì)介紹,console.trace()函數(shù)用來打印函數(shù)調(diào)用的棧信息,需要的朋友可以參考下2014-12-12