admin管理员组文章数量:1587501
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://www.elefans.com/dianzi/1721150802a862851.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论