js怎样实现点击一下得到一个递增的数字，和怎样得到递减的数字
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js怎样实现点击一下得到一个递增的数字，和怎样得到递减的数字相关的知识，希望对你有一定的参考价值。
给你个例子
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>无标题文档</title>
</head>
<body>
<div class="test" id="dj">6</div>
<div class="test" id="dz">6</div>
<input type="button" onClick="dj()" value="递减">
<input type="button" onClick="dz()" value="递增">
<script>
var num=6;
function $(sid)return document.getElementById(sid);
function dj()//递减
num--;
if(num<=0)num=6;
$('dj').innerHTML=num;
function dz()//递增
num++;
if(num>6)num=0;
$('dz').innerHTML=num;
</script>
</body>
</html>
参考技术A
递增 num++ 递减num--
参考技术B
你是在说lol吗追问比如说从6递减到1
6-5-3-3-2-1 到1时再回到6，然后再6-5-4-3-2-1
追答你在说什么
追问LOL是什么
javaacript
或jguery
追答那没是了
js，定义按钮加一减一？
假设要开发一个游戏，分配给你的任务是编写全局方法add和minus，用来加命和减命，并返回的命的条数。要求命的条数保存在变量lives中,且必须为局部变量
参考技术A
正如标题所言使用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);
参考技术B
正如标题所言使用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);
参考技术C
HTML
<input type="text" id="lives" value="0">
<button onclick="add()">加命</button>
<button onclick="minus()">减命</button>
JS
var lives=0; // 命数
funtion add()
lives+=1;
document.getElementById("lives").value=lives;
function minus()
lives-=1；
document.getElementById("lives").value=lives;
以上是关于js怎样实现点击一下得到一个递增的数字，和怎样得到递减的数字的主要内容，如果未能解决你的问题，请参考以下文章
excel表格中数字中含有字母可以实现依次递增吗
得到一套vue小程序怎样导入微信开发者工具？
在excel中怎样使一个长数字，如30778287700实现自动递增？
怎样用c语言实现取一个数字的个位
gridview怎样单击一个单元格，得到此单元格所在行和所在列的字段名
高德地图怎样实现实时定位，得到当前地点的坐标，位置