关键词

JavaScript SetInterval与setTimeout使用方法详解

JavaScript SetInterval与setTimeout使用方法详解

SetInterval

语法

setInterval(function, delay, param1, param2, ...)

参数

  • function:必需。要调用的函数或代码串。
  • delay:必需。该函数调用之间的时间间隔(以毫秒计)。
  • param1param2和更多参数:可选。向函数添加的参数(IE9及以下浏览器不支持)。

返回值

一个代表计时器的唯一标识符。可以使用 clearInterval() 方法来清除该计时器。

示例

在页面中创建一个计时器并每隔一秒钟显示一次当前时间:

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
setInterval(function(){
  var d = new Date();
  var t = d.toLocaleTimeString();
  document.getElementById("demo").innerHTML = t;
}, 1000);
</script>
</body>
</html>

setTimeout

语法

setTimeout(function, delay, param1, param2, ...)

参数

  • function:必需。要调用的函数或代码串。
  • delay:在执行函数前需等待的毫秒数。
  • param1param2和更多参数:可选。向函数添加的参数(IE9及以下浏览器不支持)。

返回值

一个代表计时器的唯一标识符。可以使用 clearTimeout() 方法来取消该计时器。

示例

在页面中创建一个计时器并等待三秒后显示一次当前时间:

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
setTimeout(function(){
  var d = new Date();
  var t = d.toLocaleTimeString();
  document.getElementById("demo").innerHTML = t;
}, 3000);
</script>
</body>
</html>

上述两个示例分别介绍了 SetIntervalsetTimeout 的使用方法,并提供了代码示例。在实际开发中,开发者可以根据具体需要灵活使用这些方法。需要特别注意的是,计时器的开启和关闭都会占用浏览器资源,因此在使用时应当谨慎选择计时器类型和调整时间间隔,以避免引起性能问题。

本文链接:http://task.lmcjl.com/news/10090.html

展开阅读全文