如何使用setTimeout方法

这篇文章给大家分享的是有关如何使用setTimeout方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

10年积累的成都做网站、网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有扬州免费网站建设让你可以放心的选择与我们合作。

 setTimeout()方法将在以毫秒为单位指定的时间后调用函数，setTimeout方法需要2个参数：对回调函数的引用和以毫秒为单位的延迟，本篇文章我们就来看一下setTimeout方法的具体用法。

我们先来看一下setTimeout的基本语法

setTimeout(function, milliseconds, param_one, param_two, ...)

要停止setTimeout并阻止执行该函数，需要使用clearTimeout()方法。

setTimeout()方法返回一个可以在clearTimeout()方法中使用的ID。

我们来看一个简单的示例

代码如下

以上代码在2秒后会打开弹窗。

示例2

此示例将每2秒（3次）更改元素的文本。为此，必须将某些HTML元素的ID设置为“counter”。

代码如下

单击下面的按钮。输入字段将显示经过2、4和6秒。

Display timed text

浏览器上显示效果如下

当点击左侧按钮，就会在文本框中显示经过了2、4、6秒

如果在计时器用完之前调用“samplestopfunction”，则此示例将停止“timeout”。

代码如下

等待3秒钟后，单击第一个按钮显示“Hi”。
单击第二个按钮以阻止执行第一个函数
（必须在3秒钟前单击它）

Try it
Stop the alert

浏览器上显示效果如下

感谢各位的阅读！关于如何使用setTimeout方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！