js定时器和延迟执行函数

2025-10-25 00:16:26

1、新建一个文件夹,命名为test.html.

js定时器和延迟执行函数

2、右键编辑打开,编写setTimeout 延迟执行函数,填写以下内容:

<html>

<head>

<script>

var t1 = window.setTimeout(function() {

document.getElementById("test").innerHTML="1秒钟之后执行了"

},1000);

</script>

</head>

<body>

<div id="test"></div>

</body>

</html>

js定时器和延迟执行函数

3、双击或者右键选择浏览器打开,在页面上1秒后,出现以下内容如图所示;这就是延迟执行的函数。

js定时器和延迟执行函数

4、编写 window.clearTimeout(t1); 清除延迟函数,保存并执行;那么setTimeout就被清除了不会再执行。

js定时器和延迟执行函数

js定时器和延迟执行函数

5、编写setInterval 定时函数:var t2 = window.setInterval(function() {document.getElementById("test").append('每隔1秒钟执行一次')},1000);

js定时器和延迟执行函数

6、运行结果如图所示,每秒会再浏览器上打印一句话。

js定时器和延迟执行函数

7、加上window.clearInterval(t2); 则会清楚定时器。


这就是延迟器和定时器。

js定时器和延迟执行函数

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢