setInterval () 间隔性定时器

开发工具与关键技术： DW/js

作者：梁水秀

撰写时间：2022/3/27

   js定时器  

间隔性定时器setInterval () : 每隔一定的时间就触发一次  

计时器setInterval()：在执行时,从载入页面后每隔指定的时间执行代码。

语法:setInterval(代码,交互时间);

参数说明：

1. 代码：要调用的函数或要执行的代码串。

2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。

返回值:一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

调用函数格式(假设有一个clock()函数)

setInterval("clock()",1000)或setInterval(clock,1000)

取消计时器clearInterval()

clearInterval() 方法可取消由 setInterval() 设置的交互时间。

语法：clearInterval(id_of_setInterval)

参数说明:id_of_setInterval：由 setInterval() 返回的 ID 值。

每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时取消定时

• 用间隔性定时器，显示当前的时间

1,新建一个html,在body里给一个盒子里面分别放三个div（时，分，秒）

1. 设置盒子的宽高，并且居中显示；

 

1. 设置每一个div的宽高和一个背景颜色让它显示出来，水平居中显示
2. 
3. 

1. 用间隔性定时器实现盒子里面的数字跟着我们的时间走
2. 

1. 获取到当前系统的时间（时，分，秒）
2. 

 

1. 使用innerHTML 把 时，分，秒 写到HTML 元素中
2. 

7，使用innerHTML 把 时，分，秒 写到HTML 元素后，盒子里的数字就会跟着当前系统的时间走

这是我所学到的setInterval () 间隔性定时器，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！