js定时器和延迟执行函数

 时间:2024-11-03 06:15:22

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

js定时器和延迟执行函数

2、右键编辑打开,编写setTimeout 延迟执行函数,填写以下内容:<html><head><script&爿讥旌护gt;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.setI艘绒庳焰nterval(function() {docu罪焐芡拂ment.getElementById("test").append('每隔1秒钟执行一次')},1000);

js定时器和延迟执行函数

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

js定时器和延迟执行函数

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

js定时器和延迟执行函数
  • 围攻中区巡逻怎么摧毁所有帐篷
  • 《孤岛惊魂原始杀戮》纹狼怎么抓
  • 遇到烂尾楼,业主真的无能为力了吗
  • 罗马2:全面战争游戏跳出解决方法
  • 热门搜索
    快乐成长手抄报内容 数学手抄报图片四年级 关于抗击疫情的手抄报 鲁滨逊漂流记手抄报 环保手抄报文字 反腐倡廉手抄报 感恩节手抄报内容 儿童节手抄报内容 保护大自然的手抄报 2020年鼠年手抄报