Javascript JS循环向前运行，到达终点，然后无限期地向后和向前运行

我使用了一点JS来更改HTML属性的值，它使用setInterval，从0到150，达到150，然后重新开始回到0

我想知道是否有可能到达终点，然后向后跑，比如：

-150==>0==>150==>0==>-150==>0等

这是我目前使用的代码：

var liquifyVal=-150
setInterval（函数（）{
液化值=（液化值+1）%150；
document.getElementById（'liquid'）.setAttribute（'scale'，liquifyVal）；
}, 25);
h1{
过滤器：url（“液化”）；
字体大小：100px；
}

你好
您可以在循环外部声明一个
增量
变量，并在达到峰值/低谷时分配它
1
或
-1
。最好只选择一次相关元素，而不是在每次间隔运行时反复选择：


const liquid=document.getElementById（'liquid'）；
让液化val=-150；
设增量=1；
设置间隔（（）=>{
液化VAL+=增量；
如果（液化值===150）增量=-1；
否则，如果（液化值==-150）增量=1；
liquid.setAttribute（'scale'，liquifyVal）；
}, 25);
h1{
过滤器：url（“液化”）；
字体大小：100px；
}

你好
您可以在循环外部声明一个
增量
变量，并在达到峰值/低谷时分配它
1
或
-1
。最好只选择一次相关元素，而不是在每次间隔运行时反复选择：


const liquid=document.getElementById（'liquid'）；
让液化val=-150；
设增量=1；
设置间隔（（）=>{
液化VAL+=增量；
如果（液化值===150）增量=-1；
否则，如果（液化值==-150）增量=1；
liquid.setAttribute（'scale'，liquifyVal）；
}, 25);
h1{
过滤器：url（“液化”）；
字体大小：100px；
}

你好
看起来在FF 56和Opera中也能工作。看起来在FF 56和Opera中也能工作。太棒了，谢谢！非常聪明：）是的，我同意你说的最后一句话，我也在努力想象最有效的概念以及答案。再次感谢！太棒了，谢谢！非常聪明：）是的，我同意你说的最后一句话，我也在努力想象最有效的概念以及答案。再次感谢！