js定时器和延迟执行函数
1、新建一个文件夹,命名为test.html.

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>

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

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


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

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

7、加上window.clearInterval(t2); 则会清楚定时器。
这就是延迟器和定时器。

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