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

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

时间: 2024-10-02 19:31:34

使用js实现按钮控制文本框加1减1应用于小时+分钟_javascript技巧的相关文章

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

 正如标题所言使用js实现按钮控制文本框加1减1,此类主要应用于小时+分钟,下面有个不错的示例,喜欢的朋友可以参考下 time.html代码:  代码如下: <!doctype html>  <html lang="en">  <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus"&

qt-Qt如何实现按钮控制文本框显示按钮上的字符

问题描述 Qt如何实现按钮控制文本框显示按钮上的字符 我刚接触Qt,用Qt来写一个计算器,如何实现使PushBut上的数字在LineEdit上显示 解决方案 假设 QPushBut number : QLineEdit result: 在按钮的槽函数下设置 result->setText("9"):

js光标定位文本框回车表单提交问题的解决方法_javascript技巧

本文实例讲述了js光标定位文本框回车表单提交问题的解决方法.分享给大家供大家参考.具体分析如下: 当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串. 原因:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form. 翻译一下:当form中只有一个in

JS实现点击按钮控制Div变宽、增高及调整背景色的方法_javascript技巧

本文实例讲述了JS实现点击按钮控制Div变宽.增高及调整背景色的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript实现点击按钮后改变DiV的高度.宽度和背景色等,点击对应按钮,Div调整高度.调整宽度.调整背景色等.实现方面主要是使用JS来控制点击按钮后改变CSS样式文件,这一切都是在JS的动态控制下,比如无刷新切换网页风格的实现,可以以此为基础来扩展. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML

如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标_javascript技巧

从IE 10开始,type="text" 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本. 对于type="password"的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容. 好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候. 只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮. ::-ms-clear, ::-ms-reveal { disp

js支持键盘控制的左右切换立体式图片轮播效果代码分享_javascript技巧

本文实例讲述了js支持键盘控制的左右切换立体式图片轮播效果.分享给大家供大家参考.具体如下: 这是一款基于javascript实现支持键盘控制的左右切换立体式图片轮播效果,特别有立体感,最重要的一点是可以利用键盘进行控制. 特性介绍:      1.轻松的改变幻灯变的宽度.      2.轻易改变下一张展示图片的数量.      3.最后一张图片会循环回到第一张图片里.      4.嵌入了Fancy查看插件,在每张图片上都能查看详细图片信息. 运行效果图:                   

JavaScript 限制文本框不可输入英文单双引号的方法_javascript技巧

<input id="workname" style="width: 200px" name="workname" value="" type="text" onkeyup="JavaScript:replaceLikeVal(this)" /> 正则实现replaceAll: function replaceLikeVal(comp){ if (comp.value.ind

JS input文本框禁用右键和复制粘贴功能的代码_javascript技巧

复制代码 代码如下: function click(e) { if (document.all) { if (event.button==1||event.button==2||event.button==3) { oncontextmenu='return false'; } } if (document.layers) { if (e.which == 3) { oncontextmenu='return false'; } } } if (document.layers) { docume

.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)_javascript技巧

js: 复制代码 代码如下: function bubufx_enterpress(e) {         var keynum;           if (window.event) // IE           {             keynum = e.keyCode;         }         else if (e.which) // Netscape/Firefox/Opera           {             keynum = e.which;