JS实现在两个数值间来回步进

马黑黑 · 发表于 2022-4-4 22:00

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

马黑黑 · 发表于 2022-4-4 22:01

本帖最后由马黑黑于 2022-4-4 22:06 编辑

代码：


<div id="myBox" style="font: 1em Arial; color: deeppink; padding: 10px;"></div>

<script language="javascript">
/*  在 num1 和 num2 之间来回步进（退）
   包含 num1 与 num 2
   注意 num1 不能等于 num2
*/
let mybox = document.getElementById('myBox'); //显示变化的盒子标识
let step = 1; // 步进幅度
let num1= 10; // 区间阈值1
let num2 = -10; // 区间阈值2
let start = (num1 > num2 ? num1 : num2) - 1; // 实时步进数：从大往小变
mybox.innerHTML =start + 1; //变化初始

setInterval(sSs, 1000); // 定时器演示步进循环变化

function sSs() { // 步进函数
   start = start + step;
   if(start == num1 || start == num2) step = -step;
   myBox.innerHTML = start;
}
</script>