增加值直到限制然后减少循环
increase value until limit then decrease loop
我尝试将变量valuem
的值从 0 增加到 10,如果 valuem
的值为 10,它应该减小直到值为 0,然后再次增加到 10,依此类推。
6 7 8 9 10 9 8 7 6 5 4 3 2 1 0 1 2 ...
最简单、最有效的方法是什么?
var valuem = 0;
$('#number').text(valuem);
function count() {
valuem++;
$('#number').text(valuem);
if (valuem == 10) {
valuem--;
$('#number').text(valuem);
}
}
setInterval(count, 1000);
这样:
var valuem = 0, dir = 1;
$('#number').text(valuem);
function count() {
valuem += dir;
$('#number').text(valuem);
if (valuem < 1) dir = 1;
if (valuem > 9) dir = -1;
}
setInterval(count, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="number"></div>
您必须将计数方向存储为当前数字之外的状态的一部分,以便知道当valuem
介于 1 和 9 之间时要计数的方向。
我想可以通过仅使用带有偏移量的余数来简化它。这样,整个计算在一行中完成,没有任何 if 语句。
var n = 0;
setInterval(function() {
number.innerHTML = 10 - Math.abs(n++ % 20 - 10);
}, 500);
<h1 id="number"></h1>
相关文章:
- Handlebars访问第一个项目,然后访问后面的每个项目(在每个循环中)
- 获取表中每行的一列的内容,然后循环访问每个内容
- 在Django中,可以在视图中创建一个包含js的变量,然后在循环模板标记中使用它
- 使用函数for循环遍历对象以更改值,然后返回结果
- 尝试将对象添加到存储阵列中,然后通过循环将它们写出
- 运行循环,然后重置并再次运行它
- 如何让 setTimeout 函数运行,然后停止使用循环
- 增加值直到限制然后减少循环
- 在每个循环上完成异步调用,然后转到下一个节点 js
- 从数组中快速打印对象,然后循环
- Vanilla Js:在一个事件中开始一段时间的循环,然后用第二个事件打破它?('mouseover'启
- 使用$.post()将PHP数组发送到jQuery,然后循环使用这些值
- 单击时将值推送到数组,然后循环添加数组值.Javascript
- 等到元素存在,循环,然后存储在变量中
- 使用生成器等待输入,然后再继续 forEach 循环的主体
- 重复数字达到极限,然后循环它
- Flickity gallery - 如何循环浏览一次然后停止自动播放
- 引导 2 轮播循环一次,然后停止
- 使用 setTimeout() 循环,使矩形变大,直到它到达画布边缘,然后重置
- iMacros 循环然后停止,然后添加另一个命令