目 录CONTENT

文章目录

JS中常用计时器方法(setTimeout、setInterval)

俊阳IT知识库
2023-01-18 / 0 评论 / 0 点赞 / 465 阅读 / 550 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2023-01-18,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
广告

文章已同步至掘金:https://juejin.cn/post/6844903906405777421
欢迎访问😃,有任何问题都可留言评论哦~

JS常用的定时器方法

  • setTimeout():在指定的毫秒数后调用函数或者计算表达式
  • setInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
  • clearTimeout():清除setTimeout()的定时器对象
  • clearInterval():清除setInterval()的定时器对象

注:这里的定时时间单位都为毫秒

setTimeout()

语法

setTimeout(code,millisec,lang)

  • code:必需,要调用的函数后要执行的 JavaScript 代码串。
  • millisec:必需,在执行代码前需等待的毫秒数。
  • lang:可选,脚本语言可以是:JScript | VBScript | JavaScript

示例:

<p>点击按钮,在等待 3 秒后弹出 "Hello"。</p>
<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
  setTimeout(function() {
    alert("Hello");
  }, 3000);
}
</script>

如上代码,当你点击了 “点我” 这个按钮,那么会在3秒后在窗口弹出 “Hello”

setInterval()

语法

setInterval(code,millisec,lang)

  • code:必需,要调用的函数或要执行的代码串。
  • millisec:必需,周期性执行或调用 code 之间的时间间隔,以毫秒计。
  • lang:可选,JScript | VBScript | JavaScript

示例:

<input type="text" id="clock" />
<script type="text/javascript">
var int = self.setInterval("clock()", 1000);
function clock() {
  var d = new Date();
  var t = d.toLocaleTimeString();
  document.getElementById("clock").value = t;
}
</script>

<button onclick="int=window.clearInterval(int)">停止</button>

以上代码,就是每过1秒执行一次clock()函数,无限执行,只有当点停止的时候才会停止

clearTimeout() 与 clearInterval()

这两个方法用法一样,就是清除定时器对象,如上面示例中的 “停止” 按钮,从名字就可以知道清除的定时器与上面是对应的

这两个方法的参数都是只有一个参数,即你要清除的定时器对象


^_<

0

评论区