admin管理员组

文章数量:1530842

2024年7月17日发(作者：)

js定时器的用法

JavaScript定时器是一种强大的工具，它允许你在指定的时间间

隔内执行 JavaScript 代码。利用定时器，我们可以实现各种功能和

效果，如自动轮播、时钟、提示框等。本文将介绍 JS 定时器的用法。

一、setTimeout()

setTimeout()方法用于在指定的毫秒数之后执行一次指定的函数。它

接受两个参数：要执行的函数和延迟时间（以毫秒为单位）。

语法：setTimeout(function, milliseconds);

示例：

```

//显示提示框，2秒后自动隐藏

function showTip(){

mentById("tip").y = "block";

setTimeout(function(){

mentById("tip").y = "none";

}, 2000)

}

```

二、setInterval()

setInterval() 方法用于重复调用一个函数或表达式，在指定的

毫秒数之后停止。它接受两个参数：要执行的函数和执行之间的时间

间隔（以毫秒为单位）。

语法：setInterval(function, milliseconds);

示例：

```

//每隔1秒钟改变一下元素的颜色

var i = 0;

setInterval(function(){

i++;

oundColor = 'rgb(' + i*10 + ',' +

i*10 + ',' + i*10 + ')';

}, 1000)

```

三、clearTimeout() 和 clearInterval()

setTimeout() 和 setInterval() 方法都返回一个唯一的标识符，

用于标识定时器。可以使用 clearTimeout() 方法来取消

setTimeout()，使用 clearInterval() 方法来取消 setInterval()。

语法：clearTimeout(timeoutID);

语法：clearInterval(intervalID);

示例：

```

//2秒后删除元素

var div = Element('div');

Child(div);

var timer = setTimeout(function(){

Child(div);

}, 2000);

//点击按钮取消定时器

var btn = mentById('btn');

k = function(){

clearTimeout(timer);

}

```

总结：

JS 定时器是一种非常实用的功能，它可以让你按你所需要的时间来触

发函数的执行。像常见的轮播图，时钟效果等是需要用到定时器来实

现的。setTimeout() 方法一次性的延迟执行某些代码，而

setInterval() 方法可以定时重复执行某些代码；使用

clearTimeout() 和 clearInterval() 方法可以终止对应的定时器。

掌握好 JS 定时器，对于开发 JavaScript 项目非常有帮助。

本文标签： 执行方法函数

版权声明：本文标题：js定时器的用法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1721150802a862851.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。