程序博客网 > apache post日志

js实现按钮控制文本框加1减1，应用于小时+分钟

来源：互联网发布：apache post日志编辑：程序博客网时间：2024/04/28 13:49

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);
}

apache post日志

apache post日志

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子清穿娇养皇妃娇养小夫郎锦鲤妻娇养日常快穿之娇花nan养宠妃娇养日常娇生惯养牡丹娇养手则娇软女配养娃日常陆爷娇养小宝贝娇养沈灵枝娇养丫头夫人娇养日常免费阅读白月光娇养日常快穿之娇花难h养宠后娇养手册大魔王娇养娇养贵妃快穿之娇花难花养书包娇妃不好养娇凤娇莺啼自在娇莺恰恰啼傲娇女梦妆花心娇柔唇膏娇妍娇妍女性护理液娇研娇妍护理液怎么样娇妍男士护理液护理液娇妍草本护理液娇妍女性护理液价格姣妍女性护理液娇妍男性护理液娇妍护理液娇妾穿书白糖奶兔娇妾白糖奶兔娇妾穿书娇妾荔箫娇妾蜜糖豆儿娇妾txt