JavaScript--定时事件

1.setTimeout() 方法：延时器

setTimeout(function, milliseconds)：

• 功能：在等待指定的毫秒数后执行一次指定的函数。
• 参数：
  • function：要执行的函数或代码块。
  • milliseconds：等待的时间长度，以毫秒为单位。

示例代码：

    
    


按钮

2.setInterval() 方法：定时器 

setInterval(function, milliseconds)：

• 功能：与 setTimeout 类似，但会循环执行指定的函数，每隔指定的毫秒数执行一次。
• 需要注意的是，使用 setInterval() 方法时要小心，确保在适当的时候清除计时器，否则会导致函数无限循环执行。可以使用 clearInterval() 方法来取消 setInterval() 创建的计时器。
• 参数：
  • function：要执行的函数或代码块。
  • milliseconds：执行函数的间隔时间长度，以毫秒为单位。 

示例代码：

    
    


按钮

这两个定时器方法通常用于需要在一定延迟后执行某个操作或定期重复执行某个动作的场景，如页面动画、定时更新数据等。

需要注意的是，在使用定时器时，可以使用返回的计时器 ID（timeoutID 或 intervalID）来清除定时器，以停止定时器的进一步执行。可以使用 clearTimeout(timeoutID) 或 clearInterval(intervalID) 方法来清除对应的定时器。

案例演示：

	
		
		
	
	
		
JavaScript定时方法示例
		

		

		

		取消延时器

		停止定时器

	

运行这段代码，它将在页面加载完成后设置一个延时器，在3秒后将文档标题更改为"新标题"。同时，它还设置了一个定时器，每隔1秒更新显示当前时间的元素。

如果单击"取消延时器"按钮，将会清除延时器并弹出一个提示消息。而点击"停止定时器"按钮，则会清除定时器并显示一个提示消息。