JS定时器如何实现提交成功提示功能

JS定时器可以通过setInterval()函数来实现提交成功提示功能。函数setInterval()可用于定时重复执行指定的代码段，其语法如下：

setInterval(function, interval);

其中，function参数指定需要重复执行的代码段，interval参数指定执行函数的时间间隔，单位为毫秒。

下面是一个简单的示例代码，点击按钮后每隔1秒钟提示一次提交成功：

<button onclick="submit()">提交</button>
<script>
function submit() { // 定义提交函数
  alert('提交成功！');
  var timerId = setInterval(function() { // 启动定时器
    alert('提交成功！');
  }, 1000);
  setTimeout(function() { // 设置一定时间后清除定时器
    clearInterval(timerId);
  }, 5000);
}
</script>

上述代码中，当用户点击“提交”按钮后，会弹出一个提示框显示提交成功，并且每隔一秒钟会再次弹出提交成功的提示框。同时，定时器ID会被保存在timerId变量中，在5秒后会被清除。这里使用了setInterval()函数和setTimeout()函数实现了提交成功持续提示的功能。

如果想要根据实际情况进行定时器的控制，可以对定时器的启动和停止进行手动控制，下面是一个更加灵活的示例代码：

function submitWithInterval() { // 定义提交函数
  alert('提交成功！');
  var interval = 1000; // 定时器时间间隔
  var timerId = null; // 定时器ID
  var count = 0; // 提交成功次数
  function submit() { // 提交函数
    // ...执行提交操作...
    count++;
    if (count >= 5) { // 达到提交次数后停止定时器
      clearInterval(timerId);
      alert('提交成功次数已达到5次，停止提示！');
    }
  }
  function start() { // 启动定时器
    timerId = setInterval(function() {
      submit();
      alert('提交成功！');
    }, interval);
  }
  function stop() { // 停止定时器
    clearInterval(timerId);
  }
  start(); // 启动定时器
  setTimeout(function() { // 设置一定时间后停止定时器
    stop();
  }, 10000);
}

上述代码中，定义了submitWithInterval()函数用于提交操作。在该函数中，通过手动控制定时器的启动和停止来实现了提交成功提示的功能。使用setInterval()函数启动定时器，并设置时间间隔为1秒，每次提示提交成功提示框后执行提交函数。提交函数执行成功后，会更新提交成功次数变量count。当提交成功次数达到5次后，定时器会被停止，否则定时器将一直执行下去。最后，通过setTimeout()函数设置10秒后停止定时器。