您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
使用js实现按钮控制文本框加1减1应用于小时+分钟
作者：佚名 责任编辑：admin 更新时间：2022-06-22
正如标题所言使用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); }- 上一个程序编程： javascript贪吃蛇完整版
- 下一个程序编程： JavaScript—window对象使用示例
