欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js 如何设置定时执行函数

程序员文章站 2024-03-21 14:10:34
...

js 使用 setInterval 函数实现定时执行函数功能
clearInterval 函数停止某个 setInterval 函数的定时

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<span class="time"></span>
<button class="stop">停止定时器</button>
<script>

  /*
    setInterval 设置定时器
   */
  let intervalId = setInterval(function () {
    document.querySelector('.time').textContent = new Date()
  }, 1000)

  document.querySelector('.stop').addEventListener('click', function () {
    clearInterval(intervalId)
  })
</script>

</body>
</html>

js 如何设置定时执行函数

相关标签: front