上一节我们详细介绍了JS动画,本节我们将学习JS定时器。JS的定时器功能非常强大,可以用于在特定的时间间隔或时间点执行特定的代码。JS内置的setInterval()和setTimeout()函数是常用的定时器函数。

1. setInterval()——循环定时器,需要通过clearInterval()函数手动清除。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Dotcpp</title>
</head>
<body>
  <script>
    /* 通过定时器在控制台打印10次“Dotcpp编程”' */
    let cnt =0//一般来永久定时器会有一个变量来记录状态
const myprint=setInterval(function(){
  console.log('Dotcpp编程');
  ++cnt;
  if(cnt===10)clearInterval(myprint)//创建的myprint一定要清除,避免不必要的资源占用
},1000)
  </script>
</body>
</html>

2. setTimeout()——一次性定时器,用完一次后就会销毁,无需手动清除。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Dotcpp</title>
</head>
<body>
  <script>
    /* 1s后在控制台打印1次“Dotcpp编程”' */
setTimeout(function(){
  console.log('Dotcpp编程');
},1000)
  </script>
</body>
</html>

总结:本节我们详细介绍了两种定时器,分别是setInterval()和setTimeout()函数,读者需要了解它们的参数和使用方法,方便以后设置定时器。

点赞(102)

C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程,并配有习题和答疑,点击了解:

一点编程也不会写的:零基础C语言学练课程

解决困扰你多年的C语言疑难杂症特性的C语言进阶课程

从零到写出一个爬虫的Python编程课程

只会语法写不出代码?手把手带你写100个编程真题的编程百练课程

信息学奥赛或C++选手的 必学C++课程

蓝桥杯ACM、信息学奥赛的必学课程:算法竞赛课入门课程

手把手讲解近五年真题的蓝桥杯辅导课程

Dotcpp在线编译      (登录可减少运行等待时间)